Jssor Slider移动兼容性问题

Question

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

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

我该如何解决这个问题？

Answer 1

我注意到您将滑块放在父容器中，左侧和右侧都有15px填充。

让我们将滑块的宽度缩放到窗口宽度 - 然后是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);
}