一个带有Javascript的固定div,当窗口太小时可以滚动。单据类型问题
我在一个网站上工作,在那里我必须为菜单使用一个固定的DIV。 www.atelier2architecten.nl/index2.php 我正试图找到一种方法让固定div水平滚动。 因为,当je缩小浏览器窗口时,您不能单击窗口外的按钮 我找到了一些jquery解决方案。但这些包括动画。我的当事人不想那样。它必须保持固定 我在这个网站上也找到了一个很好的解决方案,但当我在代码中使用文档类型时,它就不起作用了。(我的CSS需要它) 这是不适用于任何文档类型的代码:一个带有Javascript的固定div,当窗口太小时可以滚动。单据类型问题,javascript,html,types,fixed,doc,Javascript,Html,Types,Fixed,Doc,我在一个网站上工作,在那里我必须为菜单使用一个固定的DIV。 www.atelier2architecten.nl/index2.php 我正试图找到一种方法让固定div水平滚动。 因为,当je缩小浏览器窗口时,您不能单击窗口外的按钮 我找到了一些jquery解决方案。但这些包括动画。我的当事人不想那样。它必须保持固定 我在这个网站上也找到了一个很好的解决方案,但当我在代码中使用文档类型时,它就不起作用了。(我的CSS需要它) 这是不适用于任何文档类型的代码: function hscrollb
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 */
我希望有人能帮我。当我不使用文档类型时,它在google chrome上运行得非常好。但IE,一如既往,是问题所在
问候Tobias您尝试过以下方法吗:
$(window).scroll(function () {
$('#menu').css('left', -($(window).scrollLeft()));
});
在FF和铬中测试
p.S.需要jQuery当窗口更窄时,为什么不调整工作室前面的空间?哇,谢谢!工作起来很有魅力。有时候,解决办法是如此简单。我应该更加关注jquery。再次感谢