มีข้อกำหนดเมื่อวานนี้โดยหวังว่าหน้าจะเลื่อนไปทางซ้ายโดยอัตโนมัติหลังจากโหลด
ฉันมักจะคิดว่าเพียงแค่กำหนดค่าให้กับเอกสารของหน้า DocumentElement.scrollleft และมันมีผล แต่ฉันก็ผิดหวัง ~
ฉันใช้เวลาตรวจสอบวันนี้และพบว่า:
ใช้ document.documentelement.scrollleft เพื่อตั้งค่าซึ่งจะต้องมีผลบังคับใช้เฉพาะในกรณีที่มีการกระตุ้นโดยเหตุการณ์มนุษย์
หากคุณต้องการให้หน้าเลื่อนระยะทางโดยอัตโนมัติเมื่อโหลดให้ใช้การเคลื่อนไหวของ jQuery ตามที่แสดงในตัวอย่างต่อไปนี้:
$ ("html, body"). animate ({"scrollleft": "300px"}, 1,000);
$ ("html, body"). animate ({"scrolltop": "300px"}, 1,000);
การสาธิต:
การคัดลอกรหัสมีดังนี้:
<! doctype html>
<html>
<head>
<meta charset = "utf-8"/>
<title> Auto Scroll </title>
<meta name = "คำหลัก" content = ""/>
<meta name = "คำอธิบาย" content = ""/>
<script type = "text/javascript" src = "https://www.gamebox.com/js/jquery.js"> </script>
</head>
<body>
<!-คอนเทนเนอร์เริ่ม->
<div style = "ความสูง: 3000px; ความกว้าง: 3000px;">
<a href = "JavaScript:;"> คลิก </a>
</div>
<!-คอนเทนเนอร์สิ้นสุด->
<script type = "text/javascript">
/*window.onload = function () {
Window.Scroll (0,300);
$ (". btn"). on ("คลิก", function () {
document.documentelement.scrollleft = "500";
var otop = document.body.scrolltop || documentEnentElement.scrolltop;
var oleft = document.body.scrollleft || documentEnentElement.scrollleft;
การแจ้งเตือน (Oleft);
-
-
$ (function () {
$ ("html, body"). animate ({"scrollleft": "300px"}, 1,000);
-
</script>
</body>
</html>