js 停止滚动条

JavaScript025

js 停止滚动条,第1张

在这里我想先给说说原理

滚动的原理就是滚动条的移动,当外部区域设置为overflow:hidden,内部快如果超出外部的区域,此时就有滚动条了(只是你没看见而已),这是后只要n毫秒让滚动条移动n个像素,即可看到滚动效果,这时候当然用到var init = setTimeout()函数执行动作,停止滚动的时候就 clearInterval(init),就停止了。

这方面代码很多,一般写的很垃圾,自己明白了原理,写起来很简单,用jquery写就几行代码

当前的项目遇到了这个问题, 当打开dialog的时候,希望主页面的滚动条不要滚动。 一番搜索之后,发现大家的解决办法分为两种。一种就是隐藏滚动条 ,但是这样的话,前台页面会因为滚动条的隐藏和出现而发生宽度的变化。 这就使得每次一打开dialog页面就会伸缩。十分难受。第二种 就是不知道从哪儿抄的这种方法。一番修改之后,我也没好用。 最后 终于在外网找到个完美解决方案。 根据需求自行修改。 *(在scrollTo方法中,最好加上behavior:'instant')