Question

我正在一个网站上工作，我必须使用固定的DIV作为菜单。 www.atelier2architecten.nl/index2.php

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

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

我也在这个网站上找到了一个很好的解决方案但是当我在我的代码中使用DOC TYPE时它不起作用。（我的CSS需要它）

这是不适用于任何DOC TYPE的代码：

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 TYPE时，它在谷歌浏览器上完美运行。但IE一如既往是问题所在。

问候托比亚斯

Answer 1

你试过这个：

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

在FF和Chrome中测试过。

P.S。需要jQuery

当窗口太小时，使用Javascript固定div来滚动。 DOC TYPE问题

1 个答案: