เมื่อศึกษาระบบการแถลงข่าวเนื้อหน้าอกเนื้อวัววันนี้ครูเนื้อหน้าอกพูดคุยเกี่ยวกับความรู้เกี่ยวกับแถบเลื่อน ไม่ได้กล่าวถึงมากนัก แต่เกี่ยวข้องกับความรู้เกี่ยวกับแถบเลื่อนเท่านั้น หากคุณต้องการศึกษาในเชิงลึกสิ่งเหล่านี้ไม่เพียงพอ คุณต้องรวบรวมความรู้ที่เกี่ยวข้องด้วยตัวเอง
ฉันบอกว่าปรากฏการณ์จะต้องเป็นเรื่องธรรมดาสำหรับทุกคน เมื่อลบบางสิ่งบางอย่างบนหน้าเว็บแถบเลื่อนมักจะยังคงลบตำแหน่งก่อนสิ่งนั้นแทนที่จะวิ่งไปที่ด้านบนของหน้าในลักษณะที่ไร้มนุษยธรรมมาก ดังนั้นสิ่งนี้จะถูกนำไปใช้อย่างไร? ในความเป็นจริงวิธีนี้ง่ายมาก คุณจะต้องเพิ่ม MaintainScrollPositionOnPostBack = จริงไปยังส่วนบนของซอร์สโค้ดของ .ASPX ดูภาพด้านล่าง:
ปรากฏการณ์ข้างต้นพบเมื่อเรียนรู้ระบบการแถลงข่าวเนื้อหน้าอก ให้ฉันแบ่งปันเคล็ดลับอื่น ๆ เกี่ยวกับการใช้ HTML Scroll Bars
(1) ซ่อนแถบเลื่อน
<bodystyle = overflow-x: ซ่อน; overflow-y: ซ่อน>
(2) วิธีการปรากฏในเซลล์หรือเลเยอร์
<divstyle = ความกว้าง: 200px; ความสูง: 200px; overflow-x: auto; overflow-y: auto;> </div>
(3) JavaScript เปลี่ยนรูปแบบของแถบเลื่อนในเฟรมเช่นการเปลี่ยนสีเปลี่ยนเป็นเอฟเฟกต์แบน ฯลฯ
<style>
ร่างกาย {Scrollbar-face-color: #FFCC99;
Scrollbar-Highlight-Color: #FF0000;
Scrollbar-Shadow-Color: #FFFFFF;
Scrollbar-3dlight-color: #000000;
Scrollbar-arrow-color: #FF0000;
Scrollbar-track-color: #dee0ed;
Scrollbar-Darkshadow-Color: #ffff00;}
</style>
ภาพประกอบ:Scrollbar-3dlight-color: สี; ตั้งค่าหรือดึงแถบสีสดใสของแถบม้วน
แถบเลื่อนระดับสูง: สี; ตั้งค่าหรือดึงสีสดใสของอินเทอร์เฟซ Scrollbar 3D;
แถบเลื่อนสี-สี: สี; ตั้งค่าหรือดึงสีของพื้นผิว 3D แถบม้วน
แถบม้วนลูกวัว: สี; ตั้งค่าหรือดึงสีของลูกศรทิศทางแถบเลื่อน; คุณสมบัตินี้ไม่ถูกต้องเมื่อแถบเลื่อนปรากฏขึ้น แต่ไม่สามารถใช้ได้
Scrollbar-shadow-color: สี; ตั้งค่าหรือดึงสีขอบมืดของอินเทอร์เฟซ Scrollbar 3D;
Scrollbar-Darkshadow-Color: สี; ตั้งค่าหรือดึงสีขอบสีเข้มแถบม้วน
แถบสกรอลเบสสี: สี; ตั้งค่าหรือดึงสีอ้างอิงแถบเลื่อน สีอินเทอร์เฟซอื่น ๆ จะถูกปรับโดยอัตโนมัติตาม
Scrollbar-track-color: สี; ตั้งค่าหรือดึงสีพื้นที่ลากของแถบเลื่อน
คำพูด:รหัสสีที่คุณต้องการตั้งค่าสำหรับคุณสามารถอยู่ใน hexadecimal เช่น #FF0000 ซึ่งสามารถแสดงใน RGB เช่น RGB (255,0,255); เมื่อตั้งค่าสไตล์แถบเลื่อนคุณไม่จำเป็นต้องใช้แอตทริบิวต์ทั้งหมดเพื่อให้ได้ผล
(4) การวางตำแหน่งองค์ประกอบหน้าใน JavaScript
clientx และ clienty เป็นตำแหน่งปัจจุบันของเมาส์ที่สัมพันธ์กับหน้าเว็บ เมื่อเมาส์อยู่ที่มุมซ้ายบนของหน้า, clientx = 0, clienty = 0;
Offsetx และ Offsety เป็นตำแหน่งปัจจุบันของเมาส์ที่สัมพันธ์กับพื้นที่บางแห่งในหน้าเว็บ เมื่อเมาส์ตั้งอยู่ที่มุมซ้ายบนของพื้นที่นี้ในหน้า, Offsetx = 0, Offsety = 0;
ScreenX และ Screeny เป็นตำแหน่งของเมาส์ที่สัมพันธ์กับทั้งหน้าจอของผู้ใช้
x และ y เป็นตำแหน่งปัจจุบันของเมาส์ที่สัมพันธ์กับเบราว์เซอร์ปัจจุบัน
Scrollleft: ตั้งค่าหรือรับระยะห่างระหว่างขอบเขตด้านซ้ายของวัตถุและปลายด้านซ้ายสุดของเนื้อหาที่มองเห็นได้ในปัจจุบันในหน้าต่าง (เนื่องจากมีแถบเลื่อนเนื้อหาที่มองเห็นได้ในปัจจุบันในหน้าไม่แน่นอน)
Scrolltop: ตั้งค่าหรือได้รับระยะห่างระหว่างด้านบนของวัตถุและด้านบนของเนื้อหาที่มองเห็นได้ในหน้าต่าง
ซ้าย: พิกัด X ของวัตถุที่สัมพันธ์กับหน้า
ด้านบน: พิกัด y ของวัตถุที่สัมพันธ์กับหน้า
(5) การเลือกบล็อกคลิกขวา ฯลฯ
<body oncontextMenu = self.event.returnValue = talleonselectStart = return false>
ตัวอย่างเล็ก ๆ ต่อไปนี้คือการตั้งค่าแถบเลื่อนโดยอัตโนมัติตามขนาดของแบบฟอร์ม
คัดลอกรหัส