0
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、Opera、Safari 和 Chrome 上工作。代码旨在减少在分辨率低于 1100px 的屏幕上向左滚动到 1100px 的可能性;

4

1 回答 1

0

问题已经解决了。

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-06T09:52:46.307 回答