jquery表格自动滚动条，jq滚动条事件

利用div+jquery自定义滚动条样式的2种方法

第一种方法：利用CSS提供的样式，一共是8种属性吧，在这里不做详细介绍，网上很多这方面的资料。第二种方法：自己写一个新的滚动条，即不用div自带的滚动条。这样想要什么样的效果就有什么样的效果。

对div设置滚动条，设置其横向滚动条和纵向滚动条样式。所需CSS样式为overflow-y和overflow-x来设置div盒子对象右侧和底部滚动条效果。同时也可以使用CSS样式设置html框架iframe的滚动条隐藏。

div style=height：300px；width：100px；overflow：autodiv/（height和width根据需求设定）注意：如果只写height就只有垂直滚动条，只写width就只有水平滚动条，都不写没有效果。

在css设置可改变大小的div滚动条样式方法：首先新建html文档，进入代码书写界面。在/head和body的里面写入代码，在div里面写入想要输入的内容/div。书写外层轨道css代码。

假设首先有一个div，内容区域超出了这个div，出现了竖向滚动条 $(div).scrollTop(number)；//用jquery的scrollTop方法，传入的参数是你想设置的滚动条滚动的距离，也就是滚动条距离顶部的距离，就可以了。

相关问答

Q1: ...表格里不断添加列时,如何让层自动出现横向滚动条?而不是压缩已有列...

把这一句 style=width：2000px；去掉，当它所在的div里面的内容增多的时候，就自然有横向滚动条了。可以多复制几个class=“glist”的整个div试试看。

这两列的宽度和原先的保持一致 //最后一列的上面要补充一列，宽度和最后一列保持一致。

给Table添加样式 overflow-x ：scroll 或者在Table外面加个DIV，对DIV加overflow-x ： scroll，这样灵活些。

上面表格内容只是折行而已，由于内容很少，而且周围空间足够，没有影响阅读。响应式本来就是避免出现横向滚动条，还要手动拖拉滚动条查看被遮挡内容这才不是响应式。

新建html文件，创建表格代码。在表格外嵌套一层div，添加滚动条代码。在IE中查看。

Q2: jQuery实现将div中滚动条滚动到指定位置的方法

(selector).scrolltop(offset)可以设置滚动条位置。

这里有一个方法可以将DIV的滚动条滚动到其子元素所在的位置，方便自动定位。

假设首先有一个div，内容区域超出了这个div，出现了竖向滚动条 $(div).scrollTop(number)；//用jquery的scrollTop方法，传入的参数是你想设置的滚动条滚动的距离，也就是滚动条距离顶部的距离，就可以了。

在css标签内，定义div的样式，设置其宽度为100px，高度为2000px，背景颜色为粉红色。在js标签内，使用scroll()方法监听页面的滚动条，并执行function方法。

可以将DIV的滚动条滚动到其子元素所在的位置，方便自动定位。

jquery表格自动滚动条的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于jq滚动条事件、jquery表格自动滚动条的信息别忘了在本站进行查找喔。