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); 
}