This topic contains 3 replies, has 2 voices, and was last updated by  Ehsan Dalvand 3 years, 5 months ago.

Scroll issue when using mobile

  • I purchased the Vida html template and I am currently developing and testing http://anneke-klungers.com with this template.
    First of all: it’s a beautiful and well designed template, good work!
    I have a small issue with the Vida html template when using it on a touch enabled device (f.e. an Android phone).
    When you http://owwwlab.com/vida/corporate.html#grid-portfolio, it is not possible to scroll (vertical or horizontal) without opening a gallery.
    It seems a touch-scroll (swipe) is not differentiated from a touch-click action.

    Is there any way to fix this?

    Any update on this problem? Is this something which will be fixed?

    Never mind, fixed it myself by changing the custom.js file. Line 66, function bindUIActions =>

    bindUIActions: function () {
    $body = $("body");
    var pStartX = 0, pStartY = 0, pDiffX = 0, pDiffY = 0;
    var pEndX = 0, pEndY = 0, ieStart = 0, ieEnd = 0;
    $body.on('mousedown touchstart', cces.targetEls, function (e) {
    (e.pageX) ? pStartX = e.pageX : (pStartX = ieStart);
    (e.pageY) ? pStartY = e.pageY : (pStartY = ieStart);
    pStartX = pStartX || e.originalEvent.touches[0].pageX;
    pStartY = pStartY || e.originalEvent.touches[0].pageY;
    });

    $body.on('click', cces.targetEls, function (e) {
    e.preventDefault();
    });

    $body.on('mouseup touchend', cces.targetEls, function (e) {
    (e.pageX) ? pEndX = e.pageX : (pEndX = ieEnd);
    (e.pageY) ? pEndY = e.pageY : (pEndY = ieEnd);
    pEndX = pEndX || e.originalEvent.changedTouches[0].pageX;
    pEndY = pEndY || e.originalEvent.changedTouches[0].pageY;
    pDiffX = Math.abs(pEndX - pStartX);
    pDiffY = Math.abs(pEndY - pStartY);
    if (pDiffX < 5 && pDiffY < 5) {
    $(this).trigger('cs-click');
    }
    }

    Hi there,

    Apologize for late reply.

    The scrolling issue is related to IOS 8+, We will release an official fix for it in next version. Thanks for your report and also solution.

The topic ‘Scroll issue when using mobile’ is closed to new replies.