固定水平滚动条

时间:2014-04-18 21:51:15

标签: javascript jquery html css

好的,这就是我所拥有的:http://jsfiddle.net/E2U3j/

因为它是一个非常大的div,所以当我滚动到div时,我想在窗口顶部有一个固定的水平滚动条,但是如果我没有完全进入div(例如If div只能看到一半,我的意思是如果它没有填满整个窗口的高度),水平滚动条应该在div的顶部......你怎么解决这个问题? 谢谢:))

2 个答案:

答案 0 :(得分:0)

此代码应该可以解决您的问题<div id="topnav" style="position:fixed; max-height:x; overflow-y:scroll;"></div>,然后您的顶级导航内容可以自行滚动并固定在页面顶部

答案 1 :(得分:0)

使用外部滚动条尝试jQuery Scrollbar(在advalad滚动条演示页面上可用) - 滚动条可以放置在页面的任何部分,您可以隐藏/显示它,修复它等等...

您需要的一件事是处理窗口滚动并检查当前滚动位置,将其与容器偏移进行比较,如果它更大 - 如果没有,则固定滚动条 - 将位置更改为绝对位置(如果滚动条位于您的内部)容器)。