麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 編程 > JavaScript > 正文

頁面加載完畢后滾動條自動滾動一定位置

2019-11-20 21:04:11
字體:
來源:轉載
供稿:網友
昨天有一需求,是希望頁面加載完畢后向左自動滾動一定位置。

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

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

demo:
復制代碼 代碼如下:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>自動滾動</title>
<meta name="keywords" content=""/>
<meta name="description" content=""/>
<script type="text/javascript" src="https://www.gamebox.com/js/jquery.js"></script>

</head>
<body>
<!-- container start -->
<div class="container" style="height: 3000px; width: 3000px;">

<a class="btn" href="javascript:;">點擊</a>
</div>
<!-- container end -->

<script type="text/javascript">
/*window.onload = function(){
window.scroll(0,300);

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

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

alert(oLeft);
});
}*/

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

</script>
</body>
</html>
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 日韩精品免费一区二区三区 | 国产精品99久久久久久大便 | 久久精品亚洲国产奇米99 | 中文字幕 亚洲一区 | 国产精品视频免费在线观看 | 久久草草影视免费网 | 国产一级毛片高清 | 55夜色66夜色国产精品视频 | 一区二区三区在线观看av | 国产亚洲精品视频中文字幕 | 国产一有一级毛片视频 | 久久亚洲春色中文字幕久久 | 久久久久久久久久久久99 | 欧美a∨一区二区三区久久黄 | 黄污网站在线观看 | 精品久久9999 | av久草 | 天堂在线资源av | 在线播放免费人成毛片乱码 | 国产黄色网页 | av成人在线电影 | 爱草成年 | 久久性生活免费视频 | 久久久精品视频在线观看 | 泰剧19禁啪啪无遮挡 | 午夜精品老牛av一区二区三区 | 日本残忍极度灌浣肠视频 | 久久草在线视频免费 | 免费看欧美黑人毛片 | 成人午夜看片 | 好吊色37pao在线观看 | 欧美一级黄色免费看 | 成人羞羞视频在线观看 | 亚洲第一视频在线 | av在线免费观看中文字幕 | 日本aaaa片毛片免费观蜜桃 | 欧美女优一区 | 色妹子久久 | 国产美女白浆 | 国产电影精品久久 | 欧美人成在线 |