javascript如何设置滚动条高度

这篇文章主要介绍了javascript如何设置滚动条高度，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

成都创新互联公司是一家集网站建设,张北企业网站建设,张北品牌网站建设,网站定制,张北网站建设报价,网络营销,网络优化,张北网站推广为一体的创新建站企业，帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿，时刻以成就客户成长自我，坚持不断学习、思考、沉淀、净化自己，让我们为更多的企业打造出实用型网站。

javascript设置滚动条高度的方法：首先获得在当前选中的li前面的节点的高度；然后减去ul高度的一半设置给ul的scrollTop，把滚动条设置在中间位置即可。

JavaScript动态设置滚动条高度

工作中遇到情形如下：一个ul标签，里面有很多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如何设置滚动条高度”这篇文章对大家有帮助，同时也希望大家多多支持创新互联，关注创新互联行业资讯频道，更多相关知识等着你来学习!