js鼠标滚动滚动条滚动

『壹』 完美解决js 禁止滚动条滚动，并且滚动条不消失，页面大小不闪动

当前的项目遇到了这个问题，

当打开dialog的时候，希望主页面的滚动条不要滚动。

一番搜索之后，发现大家的解决办法分为两种。

一种就是隐藏滚动条 ，但稿培袜是这样的话，前台页面会因为滚动条的隐藏和出现而发生宽度的变化。

这就使得每次一打开dialog页面就会伸缩。十分难受。

第二种 就是不知道从哪儿抄的这种方法。

一番修中租改之后，我也没好用。

最后 终于在外网找到键激个完美解决方案。

根据需求自行修改。

*（在scrollTo方法中，最好加上behavior:'instant'）

『贰』 一段js用来控制左侧的导航栏滑到底部时固定右侧继续滑动，但问题是将页面滚动到下边刷新左边不会滚下来了

依靠css 将页面

document.documentElement.style.overflow='hidden';

document.body.style.overflow='hidden';//手机版设置这个。

如果设置了如上，页面的滚动条将会专消失，此时鼠标滚轮失效属。

『叁』 js window.scroll 怎么判断滚动到底部

若要想判断js window.scroll是否滚动到底部，需要用的三个属性值，它们分别是：

scrollTop、clientHeight和scrollHeight；

1、scrollTop为滚动条在Y轴上的滚动距离。

2、clientHeight为内容可视区域的高度。

3、scrollHeight为内容可视区域的高度加上溢出（滚动）的距离。

so，滚动条到底部的条件即为scrollTop + clientHeight == scrollHeight。

『肆』 JS - 滚动事件(onscroll)

当浏览器滚动条滚动时会触发 onscroll 事件，通常情况下指上下滚动条滚动。
需要注意的是，浏览器一旦检测到滚动条发生滚动，就可以触发 onscroll 事件，而无需等到滚动行为结束。

下面的例子演示了一个极普遍的应用：利用 onscroll 事件检测滚动条位置，当向下滚动到一定位置时，在页面右下角会出现“返回顶部”的锚链接，以方便网站用户快速返回顶部。

『伍』 js,鼠标上下滑轮或者拉动滚动条触发事件

window.onmousewheel=function(){//触发滚轮事件
	
}
window.onscroll=function(){//滚动条事件

}
//其实你的问题直接使用判断滚动条应该就可以了，但是版如果一定要拖动滚动条才执行权事件，我们可以通过获取鼠标位置来模拟
vara=document.getElementsByTagName("html")[0];
window.onmousemove=function(){
//一般默认滚动条12px宽，当鼠标位于浏览器窗口右边12px内按下鼠标可以视为拖动滚动条
	if(innerWidth-event.clientX<12){
		a.onmousedown=function(){
			console.log(1);
		}
	}else{
		a.onmousedown=null;
	}
}

『陆』 html js 或者css怎么做到隐藏滚动条，但是依旧可以滚动

一、文字溢出，就让文字自动换行，代码如下：