控制頁面的滾動條

2022-09-12 17:33:39 字數 1210 閱讀 2562

1. 控制頁面滾動條,跳到頁面底部

click me jump to bottom

outout

outout

outout

outout

outout

outout

outout

outout

2. 在iframe內部控制父頁面滾動條滾到底部。

2.1 parent.html

outout

outout

outout

outout

outout

outout

outout

outout

2.2 inner.html

inner

inner

inner

inner

inner

inner

inner

inner

inner

inner

inner

inner

inner

inner

inner

inner

inner

inner

inner

inner

inner

inner

inner

inner

inner

inner

inner

inner

inner

inner

inner

inner

inner

inner

inner

inner

inner

inner

3. 總結:

3.1 滾動效果

animate

scrolltop

3.2 事件繫結,觸發事件

$(document).on("bartotoped", function())
$(document).trigger("bartotoped");

3.3 在iframe內部呼叫外部元素

$("#bottom", window.parent.document)

控制頁面滾動條

在預設情況下,頁面載入完後預設滾動在最頂端,有些時候我們需要在頁面開啟後,定位滾動條的位置,比如,橫向和縱向滾動條居中,實現頁面滾動的方法有三種 scroll scrollby和scrollto,三個方法都帶兩個引數 x x軸上的偏移量 和y y軸上的偏移量 因此我們只需修改x,y的偏移量來設定滾動...

HTML頁面的滾動條樣式

今天做東西時遇到要調整iframe的滾動條樣式,在網上找到了一些介紹,關鍵部分摘錄如下 scrollbar face color rgb 10,236,209 滾動條凸出部分的顏色 scrollbar highlight color rgb 23,255,155 滾動條空白部分的顏色 scrollb...

頁面滾動條

頁面載入條 前面也介紹過幾種進入頁面時的載入條,這裡介紹的這個是乙個無需任何製作出來的載入條。效果很精美 更適合於深色頁面內的放入 為了讓大家能聯連貫地看學好下面的步驟,所以此例項載入後的頁面還是原頁面。製作方法 將下面的 複製到裡 將下面的 複製到裡 將下面的 複製到 裡 例項注釋 定義載入條屬性...