滾動條滑動到指定位置

2021-09-10 02:21:47 字數 767 閱讀 9768

廢話不多說直接**:

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的官方文件 上面的文件扯了一堆,半點沒看到頁面跳轉的影子,但是在實際應用中你會發...