怎样安装Dreamweaver的jquery扩展,我们通常会用dreamweaver这个网页设计软件来编写网页前台代码，在编写代码时会经常出现下拉的菜单供我们选择，为我们编写代码节省了很多的时间。这样......
2023-03-17 264 JQUERY DREAMWEAVER
Jquery插件DataTables：[1]scrollCollapse
来源：互联网
2023-03-16 23:53:40 273
DataTables设置竖直滚动条时，由于翻页等，因为页面上数据过少不能达到设置高度会显示一部分空白，看起来很奇怪。
可以使用scrollCollapse设置解决这个问题。(一般和scrollY 一起使用)。
方法/步骤
引入相应的js和css。
![Jquery插件DataTables：[1]scrollCollapse](https://exp-picture.cdn.bcebos.com/1562a0b9763e21c252df1d63e6e89a618625b15d.jpg?x-bce-process=image/resize,m_lfit,w_500,limit_1/format,f_auto/quality,q_80)
html中的table代码。
![Jquery插件DataTables：[1]scrollCollapse](https://exp-picture.cdn.bcebos.com/e09173e89a618625af9a325b3b04541bd10faa5d.jpg?x-bce-process=image/resize,m_lfit,w_500,limit_1/format,f_auto/quality,q_80)
javascript代码（scrollCollapse通常和scrollY一起使用，是scrollY的一个补充）。
![Jquery插件DataTables：[1]scrollCollapse](https://exp-picture.cdn.bcebos.com/40d2d0e8b004541b23060e95869a310e1799a65d.jpg?x-bce-process=image/resize,m_lfit,w_500,limit_1/format,f_auto/quality,q_80)
看看效果 如图高度不足时会产生空白在table中，将scrollCollapse设为true，就可以显示正常了。（下次使用scrollY的时候记得带上scrollCollapse，就不会产生这个怪怪的问题了）。
![Jquery插件DataTables：[1]scrollCollapse](https://exp-picture.cdn.bcebos.com/555acf0ff2260d9ac407eb2a622abab84240a55d.jpg?x-bce-process=image/resize,m_lfit,w_500,limit_1/format,f_auto/quality,q_80)
![Jquery插件DataTables：[1]scrollCollapse](https://exp-picture.cdn.bcebos.com/f367139a310e17991e23460bc9406afec314a35d.jpg?x-bce-process=image/resize,m_lfit,w_500,limit_1/format,f_auto/quality,q_80)
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！
标签： JQUERY
上一篇：返回列表 下一篇：Jquery插件DataTables：[2]Y轴滚动条
相关文章
- 详细阅读
-
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