一次滾動一屏的滾動條行為實現

2021-09-08 10:23:04 字數 382 閱讀 8772

在一些類似於幻燈片之類的頁面上,滾動條被限制為了每次滾動乙個螢幕,也就是滾動幻燈片的一頁。但瀏覽器並沒有直接提供這樣的功能,我們通常是通過程式控制來實現的。這樣的程式並不困難,只要劫持滑鼠滾輪事件,將其修改到自己需要的行為即可。

下面是乙個簡單地實現**,這裡沒有考慮低版本瀏覽器的相容,如果需要可以使用jquery之類的庫或手動編寫相容**。

>

style

="background:#fee;

">

>

style

="background:#efe;

">

>

style

="background:#eef;

">

>

基於jquery的滾動選單 滾動條 的實現

本來是打算做乙個jquery外掛程式,只是本人水平屬於那種欠扁級別的,最近又比較忙,沒有時間學習jquery的外掛程式開發,所以,做這麼個小東西,供大家玩樂,呵呵.index.html是示例 scripts下的scrollable.js是這個小東西的js 寫的很爛,沒有什麼參考價值的.網路暱稱 se...

基於jquery的滾動選單 滾動條 的實現

本來是打算做乙個jquery外掛程式,只是本人水平屬於那種欠扁級別的,最近又比較忙,沒有時間學習jquery的外掛程式開發,所以,做這麼個小東西,供大家玩樂,呵呵.index.html是示例 scripts下的scrollable.js是這個小東西的js 寫的很爛,沒有什麼參考價值的.網路暱稱 se...

自製乙個滾動條

參考文章 1 html 2 head 3 title 自定義滾動條 title 4 style 5 parent 1112 child 18 box 23style 24head 25 body 26 div id parent 27 div id child div 28div 29 div id...