2022年02月04日发布javascript怎么设置滚动条高度

大家好，今日小科来聊聊一篇关于2022年02月04日整理发布：javascript怎么设置滚动条高度的文章，现在让我们往下看看吧！

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

JavaScript动态设置滚动条高度

工作情况如下：一个ul标签有多个li标签，其中一个表示所选li类的初始化='li-on'li。

如果ul设置了高度，比如下面ul的样式，并且有很多li子标签，那么选中的li会淹没在滚动条下。

ul style=' height :180 px；溢出-y : croll；'

里./li

里./li

里./li

里./li

里./li

里./li

里./li

里./li

里./li

li000/li

li111/li

li222/li

li333/li

li444/li

li555/li

li666/li

li777/li

li888/li

999/Li Li

里./li

里./li

里./li

里./li

里./li

里./li

里./li

里./li

里./li

/ul

我们要做的就是把选中的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(selected _ Li . length){ 0

var height=selected _ Li . height()；

var prevCount=seleted _ .普雷瓦尔()。长度；

ul_module.scrollTop(高度* prev count-ul _ height/2)；

这篇好文章是转载于：知行礼动