廢話不多說直接**:
css樣式**:
.scroll-layer
.scroll-layer p
.scroll-layer input
.scroll-layer button
html**:
能夠輸入的值:100,500,1000,1500,2000,2500,2652
開始滑動
jquery的js**
$(function(),1000);}})
主要說一下注意事項:
1,由於位置是我們指定,所以需要用乙個input輸入,因此允許的輸入值範圍提示,輸入框,觸發事件按鈕採用的是浮窗,漂浮在最頂部,類似乙個導航。
2,輸入的最大值不能超過html的高度,如果超過,不會執行滑動動畫。
3,不設定的時候value值預設的為0
浮窗效果圖:
其他[我的部落格,歡迎交流!](
[我的csdn部落格,歡迎交流!](
[前端筆記專欄](
[前端筆記列表](
[遊戲列表](
posted @
2017-08-10 15:16
newman·li 閱讀(
...)
編輯收藏
js滾動到指定位置
向上的滾動距離,或者說滾動出可視區域的距離 獲得滾動的畫素數 var intelemscrolltop someelement.scrolltop 設定滾動的距離 element.scrolltop intvalue scrolltop賦值為負數的時候,scrolltop賦值為0 如果乙個元素不能滾...
滾動條滾動到特定位置後出發的事件
滾動條滾動到特定位置後出發的事件 window scroll function scroll事件適用於window物件,但也可滾動iframe框架與css overflow屬性設定為scroll的元素。document ready function function str 注意 window he...
jQuery滾動到頁面指定位置
在前端的頁面開發中,經常會碰到頁面跳轉問題,這個跳轉指的是頁面內部跳轉到指定位置,通常是在有滾動條的情況下,網上介紹的方法很多,本文主要是介紹jquery函式中的乙個小trick,focus 函式。先來看一下jquery的官方文件 上面的文件扯了一堆,半點沒看到頁面跳轉的影子,但是在實際應用中你會發...