頁面載入完畢後滾動條自動滾動一定位置

2022-09-29 22:06:20 字數 491 閱讀 8037

昨天有一需求,是希望頁面載入完畢後向程式設計客棧左自動滾動一定位置。

一直以為只要給頁面的 document.documentelement.scrollleft 設定乙個數值就生效,結果失望了~

今天抽空一查,才發現:

使用document.documentelement.scrollleft 設定值,必須在人為事件觸發下才生效;

想要頁面載入完畢時自動滾動一定距離,則使用jquery的animate,如下面例子:

$("html,body").程式設計客棧animate(, 1000);

$("html,body").animate(, 1000);

demo:

複製** **如下:

自動滾動

《程式設計客棧!-- container start -->

j**ascript:;">點選

本文標題: 頁面載入完畢後滾動條自動滾動一定位置

本文位址:

頁面滾動條

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

滾動條滾動到頁面底部繼續載入

這個例項應該說可以很簡單,直接使用jquery的方法來處理也是可以的。但本文底層使用原生的js來處理,遇到一些小知識點可以分析一下也算有所得。原理很簡單,就是為window新增乙個scroll事件,瀏覽器每次觸發scroll事件時判斷是否滾動到了瀏覽器底部,如果到了底部則載入新資料。關鍵是計算滾動條...

控制頁面滾動條

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