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怎麼做到隱藏滾動條，但是依舊可以滾動

一、文字溢出，就讓文字自動換行，代碼如下：