ScrollLeft返回到設定位置，遺憾的是沒有工作的Firefox

function scrollX(){ 
    bodyWidthDif = 1100-parseFloat($('html').width()); 
    bodyScroll = $('#top').scrollLeft(); 
     if (bodyWidthDif > 0){ 
      //#top is ID of BODY style element <BODY id="top"> 
      $('#top').css({"overflow":"scroll","max-width":"1100px"}); 
      if(bodyScroll > bodyWidthDif){ 
       $('#top').scrollLeft(bodyWidthDif); 
      };  
     }else{ 
      $('#top').css({"overflow-x":"hidden"}); 
     } 
}; 
$(window).scroll(function() { 
    scrollX(); 
});

我有一個如上圖所示，它不能在Firefox正常工作，但對IE10，歌劇，Safari和Chrome使用的代碼有問題。代碼旨在減少在分辨率低於1100px的屏幕上左移至1100px的可能性;ScrollLeft返回到設定位置，遺憾的是沒有工作的Firefox

來源

2013-07-05 LJ Wadowski

問題已經解決。

function scrollX(){ 
bodyScroll = $('body').scrollLeft(); //var for Opera Chrome and Safar 
htmlScroll = $('html').scrollLeft(); //var for Firefox 
if(htmlScroll >= bodyWidthDif){ 
    $('html').scrollLeft(bodyWidthDif); 
}; 
if(bodyScroll >= bodyWidthDif){ 
    $('body').scrollLeft(bodyWidthDif); 
}; 
};

但我利用了另一個解決方案 - 簡單的使用CSS。

<body style="overflow: visible"> 
    <div style="overflow: hidden; width: 1100px; height: 2000px; position: absolute;"> 
    </div> 
</body>

來源

2013-07-06 09:52:46

ScrollLeft返回到設定位置，遺憾的是沒有工作的Firefox

回答

相關問題