当窗口太小时，用JavaScript进行固定div滚动。 DOC TYPE问题

我正在一个网站上工作，我必须使用固定的DIV作为菜单。 www.atelier2architecten.nl/index2.php当窗口太小时，用JavaScript进行固定div滚动。 DOC TYPE问题

我试图找到一种方法让固定的div滚动水平。因为，当je使浏览器窗口变小时，您无法单击te窗口外的按钮。

我发现了一些jquery解决方案。但那些包括动画。我的客户不希望这样。它必须保持固定。

我也在这个网站上找到了一个很好的解决方案但是当我在我的代码中使用一个DOC类型时，它并没有工作。（我需要为我的CSS）

这就是好好尝试一下工作与任何文档类型的代码：我希望有人能帮助我这个

function hscrollbar() { 

var left = 
    /* window.pageXOffset should work for most recent browsers: */ 
    window.pageXOffset ? window.pageXOffset : 
    /* If it DOESN'T, let's try this: */ 
    document.documentElement.scrollLeft ? document.documentElement.scrollLeft : 
    /* And if THAT didn't work: */ 
    document.body.scrollLeft; 
/* Now that we have the horizontal scroll position, set #footpanel's left 
    position to NEGATIVE the value, so it APPEARS to follow the scroll: */ 
document.getElementById('menu').style.left = -left; 
} 
window.onscroll = hscrollbar; /* Call the function when the user scrolls */ 
window.onresize = hscrollbar; /* Call the function when the window resizes */

。当我不使用DOC类型时，它可以在谷歌浏览器上完美工作。但IE一如既往就是问题所在。

问候托比亚斯

来源

2012-04-07 Tobias

为什么不调整窗口更窄时ATELIER前面的空间？ – mplungjan 2012-04-07 13:04:29

你有没有尝试过这样的：

$(window).scroll(function() { 
    $('#menu').css('left', -($(window).scrollLeft())); 
});

测试在FF和铬。

P.S.需要jQuery

来源

2012-04-07 13:23:49 codef0rmer

哇谢谢！奇迹般有效。有时候解决方案可能非常简单。我应该更关注jquery。再次感谢 – Tobias 2012-04-10 10:39:36

当窗口太小时，用JavaScript进行固定div滚动。 DOC TYPE问题

回答

相关问题