js 實現兩欄同時滾動

這個需求有點意思，拿出來和大家分享一下。

如果你去實現過這樣的效果，或者類似這樣的效果的，你會發現簡單去 一欄控制另一欄的的滾動距離，另一欄類似控制第一欄的效果的話。你會發現基本上可能滾動不了，優化之後通過函式節流，等其他手段優化之後也是很卡，滾動會不流暢。

原因主要是因為當你改變乙個元素的scrolltop 或者 scrollleft值的時候這個時候會觸發scroll事件，這樣兩邊一種迴圈呼叫～就會滾動不了。

其實只需要把這個需要細分之後，就可以流暢的實現這個效果。

首先清楚一件事 頁面內元素滾動需要滑鼠到底元素裡面然後再滾動才會有效，明白這一點之後，這一切就會簡單很多了。

然後你只需要去控制 監聽和解除監聽 滾動的函式的函式就可以完美實現這個效果了。

demo待續。。。歡迎交流

js 實現兩欄同時滾動

這個需求有點意思，拿出來和大家分享一下。如果你去實現過這樣的效果，或者類似這樣的效果的，你會發現簡單去 一欄控制另一欄的的滾動距離，另一欄類似控制第一欄的效果的話。你會發現基本上可能滾動不了，優化之後通過函式節流，等其他手段優化之後也是很卡，滾動會不流暢。原因主要是因為當你改變乙個元素的scroll...

JS固定邊欄滾動

1 css position fixed 作用把邊欄做乙個固定 還要在設定一下位置，因為脫離文件流之後，會向左側浮動，所以要設定相對瀏覽器右側的距離。2 監聽window上的滾動事件 3 設定fixed條件判斷的依據 滾動高度 螢幕高度 邊欄高度 1 script src script 23 scr...

CSS 實現隱藏滾動條同時又可以滾動

純css實現呢，我只能相容ie9或者以上。我用的react，你用的時候把classname換成class就行了 首先是webkit,webkit scrollbar這個偽類是很好可惜只有webkit支援。我下面說的方法是包括火狐谷歌ie 9和9 都支援，但是得用區域性滾動overflow auto ...