怎样安装Dreamweaver的jquery扩展,我们通常会用dreamweaver这个网页设计软件来编写网页前台代码，在编写代码时会经常出现下拉的菜单供我们选择，为我们编写代码节省了很多的时间。这样......
2023-03-17 264 JQUERY DREAMWEAVER
Jquery插件DataTables：[2]Y轴滚动条
来源：互联网
2023-03-16 23:53:40 404
table增加Y轴方向上的滚动条。（scrollY）。
DataTables默认是没有Y方向上的滚动条的，Table会盛满屏幕很那看，可以将option中的scrollY参数设置为true，来显示竖直方向上的滚动条。（当然用的最多的是给他一个固定的长度）。
方法/步骤1
引入必要的js和css。
![Jquery插件DataTables：[2]Y轴滚动条](https://exp-picture.cdn.bcebos.com/d4071b96b814f4d0c2093461cdfe474ec38323a2.jpg?x-bce-process=image/resize,m_lfit,w_500,limit_1/format,f_auto/quality,q_80)
html中table的代码。
![Jquery插件DataTables：[2]Y轴滚动条](https://exp-picture.cdn.bcebos.com/47bf594ec28333bf46e5c9fcdbb8b43ea9db1da2.jpg?x-bce-process=image/resize,m_lfit,w_500,limit_1/format,f_auto/quality,q_80)
javascript代码。（将table的固定高度设置为100px，这样超过100px竖直方向就会产生滚动条了。
![Jquery插件DataTables：[2]Y轴滚动条](https://exp-picture.cdn.bcebos.com/560be432939c2cf759b820aa452c5b1b1fde12a2.jpg?x-bce-process=image/resize,m_lfit,w_500,limit_1/format,f_auto/quality,q_80)
看一看效果，如图在竖直方向上产生了滚动条。（一般情况下分页之后高度不会太高，加滚动条一般把分页注释掉）。加竖直滚动条一般不常用，以为大部分情况分页之后高度就不会超出。
![Jquery插件DataTables：[2]Y轴滚动条](https://exp-picture.cdn.bcebos.com/1f9feadca039131f40e62f6ae275f2c4ed990aa2.jpg?x-bce-process=image/resize,m_lfit,w_500,limit_1/format,f_auto/quality,q_80)
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！
标签： JQUERY
相关文章
- 详细阅读
-
jQuery MiniUI 快速入门详细阅读
jQuery MiniUI 快速入门,前段时间由于工作的原因接触到MiiUI。感觉MiiUI很强大，使用起来也很舒服。下面我就带领大家快速的使用MiiUI。MiiUI-专业WeUI控件库它能缩短开发时......
2023-03-17 251 JQUERY
-
怎么使用JQuery Mobile开发移动网站详细阅读
怎么使用JQuery Mobile开发移动网站,现在越来越多的人用网站来做手机a,这样的好处是，可以做一个网站，基本上可以做到多个平台adroid,io,w,都可以使用。这里使用JQueryMoile......
2023-03-17 301 JQUERY