jquery滚动条出现导航条，jquery滚动条滚动到指定位置

js滚动条滚到一定位置导航收起,滚上去时又自动打开打开。收起是做出来...

我个人觉得，你写的好麻烦，我这样写的，可能跟你想要的不一样。你试试看。

新建html文档。书写hmtl代码。书写css代码。* { margin： 0； padding： 0； list-style： none； }img { border： none； }body { font-family： Arial， Helvetica， sans-serif； }。书写并添加js代码。 。

要实现这样的效果你需要使用到 滚动条事件 以及 元素在文档中的绝对定位。

通过div的scrollTop变动控制垂直滚动条位置。通过div的scrollLeft变动控制水平滚动条位置。

onscroll 事件，而无需等到滚动行为结束。下面的例子演示了一个极普遍的应用：利用 onscroll 事件检测滚动条位置，当向下滚动到一定位置时，在页面右下角会出现“返回顶部”的锚链接，以方便网站用户快速返回顶部。

相关问答

Q1: jQuery实现页面向下滚动后显示隐藏导航条

1、首先给鼠标经过的DIV添加一个类，类名为submeau。其次给隐藏的DIV，添加一个ID，ID名为id=“oa_submeau”。

2、新建html文档。书写hmtl代码。书写css代码。* { margin： 0； padding： 0； list-style： none； }img { border： none； }body { font-family： Arial， Helvetica， sans-serif； }。书写并添加js代码。

3、首先理解三个dom元素，分别是：clientHeight、offsetHeight、scrollTop。clientHeight：这个元素的高度，占用整个空间的高度，所以，如果一个div有滚动条，那个这个高度则是不包括滚动条没显示出来的下面部分的内容。

4、鼠标指向或者点击按钮出现菜单后，如果要单击页面任意位置让菜单隐藏。很简答可以直接用Jquery，给document对象加一个单击事件后，用jquery选择器定位到要隐藏的菜单上，修改css样式的display为none即可。

Q2: Jquery.nicescroll()插件:页面初始化滚动条不显示问题

1、本地数据使用niceScroll插件没有出现上述问题，首次进入页面可以正常显示出来。但是当使用滚动条的标签有ajax请求的数据填充时，就会出现页面刷新后不显示滚动条，必须将页面缩放才能正常展示。

2、nicescroll的兼容性非常强，基本上所有的浏览器都可以使用，但是这么完美的插件还是存在它不足的地方。在ie8上，偶尔会出现这样的情况：页面会随着鼠标箭头的移动而滚动。

3、（1）我们只需在页面初始化完毕后，对需要使用这个滚动条插件的元素调用 niceScroll() 方法即可。（2）这里我直接是让整个页面使用 NiceScroll 插件，默认情况下滚动条是自动隐藏的，即内容如果超出窗口时滚动条也不会显示。

4、jquery.nicescroll.min.js滚动条使用方法，Nicescroll是制作自定义滚动条的jq插件。支持div，iframe，html等使用，兼容IE7-8，safari，firefox，webkit内核浏览器(chrome，safari)以及智能终端设备浏览器的滚动条。

5、这插件根本没有横向滚动条，niceScroll或scrollBar这2个有。

jquery滚动条出现导航条的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于jquery滚动条滚动到指定位置、jquery滚动条出现导航条的信息别忘了在本站进行查找喔。