javascript - Jssor Slider 移动兼容性问题

Question

我添加滚动标志\缩略图 slider 后，在通过移动设备打开页面时遇到了移动兼容性问题。

似乎 override: hidden 属性有问题，在通过移动设备浏览时所有页面都向左移动。 http://tersertude.com/

我该如何解决这个问题？

Answer 1

我注意到您将 slider 放置在父容器中，该容器的左右两侧均有 15 像素的内边距。

然后让我们将 slider 的宽度缩放到窗口宽度 - 30。

请替换

//responsive code begin
//you can remove responsive code if you don't want the slider scales while window resizes
function ScaleSlider() {
    var bodyWidth = document.body.clientWidth;
    if (bodyWidth)
        jssor_slider1.$ScaleWidth(Math.min(bodyWidth, 980));
    else
        window.setTimeout(ScaleSlider, 30);
}

与

//responsive code begin
//you can remove responsive code if you don't want the slider scales while window resizes
function ScaleSlider() {
    var bodyWidth = document.body.clientWidth;
    var availableWidth = bodyWidth - 30;
    if (bodyWidth)
        jssor_slider1.$ScaleWidth(Math.min(availableWidth, 980));
    else
        window.setTimeout(ScaleSlider, 30);
}