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

昨天有一需求，是希望頁面載入完畢後向左自動滾動一定位置。

一直以為只要給頁面的document.documentElement.scrollLeft 設定一個數值就生效，結果失望了~
今天抽空一查，才發現：
使用document.documentElement.scrollLeft 設定值，必須在人為事件觸發下才生效；
想要頁面載入完畢時自動滾動一定距離，則使用jquery的animate，如下面例子：

$("html,body").animate( {"scrollLeft": "300px"}, 1000);
$("html,body").animate({"scrollTop": "300px"}, 1000);

demo:

複製程式碼 程式碼如下:

>

點選

/*window.onload = function(){
window.scroll(0,300);

$(".btn").on("click ", function(){

document.documentElement.scrollLeft = "500";
var oTop = document.body.scrollTop || document.documentElement.scrollTop
;Left. .scrollLeft || document.documentElement.scrollLeft;

alert(oLeft);
});
}*/

$(function(){
$(>
$(function(){
$( "html,body").animate({"scrollLeft": "300px"}, 1000);
});

html>