js滾動到指定位置

2021-10-02 04:13:06 字數 2408 閱讀 9234

向上的滾動距離,或者說滾動出可視區域的距離

//

獲得滾動的畫素數

var intelemscrolltop =someelement.scrolltop;

//設定滾動的距離

element.scrolltop = intvalue;

scrolltop賦值為負數的時候,scrolltop賦值為0;

如果乙個元素不能滾動,scrolltop賦值為0;

如果設定超出了容器的可滾動值,scrolltop將會賦值為最大值;

嘗試結果為:改變srcolltop並不會改變滾動條的位置!

再次嘗試發現:改變整體的div的scrolltop可以改變滾動條的位置,上次嘗試id值取錯!

可以使用scrolltop 這個屬性來完成

前提條件:div中的每條資料的高度是一致的,也就是說每條資料都有一樣的高度,這樣都可以根據scrolltop = x * y (x為列表中的那個索引,y為資料寬度,例如:每條資料的寬度為100px,你想讓第五條資料置頂,結果為:4 * 100 = scrolltop;這樣,第五條資料就可以置頂了!

我真的不知道該怎麼寫下去了,我的開發環境裡邊有狀態管理,可以管理一些狀態來便利我的書寫,並且都是必要的!

我就暫時寫一些核心**吧!有機會的話,錄個螢幕會更清晰一些!

我寫了乙個最簡單的邏輯供參考!可以建乙個空html檔案,然後**全部複製,在瀏覽器中開啟,即可實現!

>按鈕1

button

>

<

button

>按鈕2

button

>

div>

<

script

>

function

scrolltotop()

script

>

body

>

html

>

後續:這個**為小白所寫,沒有自定義動畫滾動效果!會更新!

原生JS點選滾動到指定位置

需求解析 我們要滾動到指定位置,首先要知道要位置距離頂部的距離,這個可以自己去量取。當我們知道這個距離的時候就很容易實現了,在我們實現之前先要知道不同瀏覽器如何去寫才能改變滾動條的位置,看 document.documentelement.scrolltop ie瀏覽器 window.pageyof...

jQuery滾動到頁面指定位置

在前端的頁面開發中,經常會碰到頁面跳轉問題,這個跳轉指的是頁面內部跳轉到指定位置,通常是在有滾動條的情況下,網上介紹的方法很多,本文主要是介紹jquery函式中的乙個小trick,focus 函式。先來看一下jquery的官方文件 上面的文件扯了一堆,半點沒看到頁面跳轉的影子,但是在實際應用中你會發...

RecyclerView滾動到指定位置的一種姿勢。

其實這個問題沒有什麼難度了,下面的兩種方式都可以實現,但是效果可能並不是我想要的。recyclerview.scrolltoposition position recyclerview.smoothscrolltoposition position 因為我的效果是想要指定的position滑動到視窗...