javascript如何设置滚动条高度
这篇文章主要介绍了javascript如何设置滚动条高度，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。
成都创新互联公司是一家集网站建设,张北企业网站建设,张北品牌网站建设,网站定制,张北网站建设报价,网络营销,网络优化,张北网站推广为一体的创新建站企业，帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿，时刻以成就客户成长自我，坚持不断学习、思考、沉淀、净化自己，让我们为更多的企业打造出实用型网站。
javascript设置滚动条高度的方法：首先获得在当前选中的li前面的节点的高度；然后减去ul高度的一半设置给ul的scrollTop，把滚动条设置在中间位置即可。
JavaScript动态设置滚动条高度
工作中遇到情形如下：一个ul标签，里面有很多li标签，其中有一个代表初始化已选中的
。如果ul设置了高度，如下面的ul的style，并且有很多li子标签，那选中的li就被淹没在滚动条下面。
...
...
...
...
...
...
...
...
...
000
111
222
333
444
555
666
777
888
999
...
...
...
...
...
...
...
...
...
要做的就是要把这个选中的li标签，现在到可见区域内，可以通过js动态的设置滚动条的高度。
具体如下：获得在当前选中的li前面的节点的高度，然后减去ul高度的一半设置给ul的scrollTop，基本上可以把滚动条设置在中间位置。
var ul_module = $('#ul_module');
var ul_height = ul_module.height();
var seleted_li = ul_module.find('.li-on');
if(seleted_li.length) {
var height = seleted_li.height();
var prevCount = seleted_li.prevAll().length;
ul_module.scrollTop(height * prevCount - ul_height/2);
}感谢你能够认真阅读完这篇文章，希望小编分享的“javascript如何设置滚动条高度”这篇文章对大家有帮助，同时也希望大家多多支持创新互联，关注创新互联行业资讯频道，更多相关知识等着你来学习!
当前文章：javascript如何设置滚动条高度
标题链接：
http://kswjz.com/article/igegop.html
扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
