實現要求:在右側不顯示滾動條,其次在使用滑鼠滾動的時候頁面中的模組是勻速向下或者 向上;
首先寫一下基本的網頁布局:
* body
.container
.container div
<
/style>
<
/head>
="container"
>
"background: #ada;"
>
<
/div>
"background: #f00;"
>
<
/div>
"background: #ff0;"
>
<
/div>
"background: #0ff;"
>
<
/div>
"background: #00f;"
>
<
/div>
<
/div>
js的驅動效果:
let i =
0let container = document.
queryselector
('.container'
)let endtime =
newdate()
//節流
window.
onmousewheel
= e =>
else
container.style.transform =
`translatey(-
$vh)`
endtime =
newdate()
}<
/script>
HTML程式設計之滾輪滑動監聽效果的實現
在前端頁面製作過程中,我們經常會發現有時候某些動作需要滾動滑輪來實現,那麼對於初學者來說可能不明白是如何實現的,對於這個問題,下面就來跟大家分析一下,如何用滾輪滑動監聽效果的實現。源 如下 windowaddmousewheel function windowaddmousewheel if e.w...
ios 橫向滾輪效果 ios橫向選單 頁面滑動
ios橫向選單 頁面滑動 檢視次數 9122 大小 11 b demo 橫向選單 頁面滑動 例子uiviewcontroller vc1 uiviewcontroller alloc init vc1.view setbackgroundcolor uicolor redcolor uiviewco...
js基礎 滾輪的事件
滑鼠滾輪滾動的事件,會在滾輪滾動時觸發,但是火狐不支援該屬性。在火狐中需要使用dommousescroll來繫結滾動事件,注意該事件需要通過addeventlistener 函式來繫結 該屬性可以獲取滑鼠滾動的方向,向上滾值為120,向下滾值為 120,wheeldelta這個值我們不看大小,只看正...