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

WBOY

發布： 2016-05-16 16:59:07

原創

1756 人瀏覽過

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

一直以為只要給頁面的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>

相關標籤：

捲軸自動捲動頁面載入

來源：php.cn

上一篇：利用Jquery實作可多選的下拉框_jquery 下一篇：Js表格萬條資料瞬間載入實作程式碼_javascript技巧

本網站聲明

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

作者最新文章