สถานที่:หน้าหลัก > รหัสเอฟเฟกต์พิเศษ JS > รหัสส่วนหน้าอื่น ๆ

ตัวอย่างการใช้ jquery.nicescroll เพื่อตกแต่งแถบเลื่อน

1970-01-01 65เรียกดู
jquery.nicescroll เป็นปลั๊กอินแถบเลื่อนที่สวยงามซึ่งเป็นตัวอย่างของการใช้งานแถบเลื่อนที่สวยงาม $ ('# เนื้อหา'). niceScroll ({ cursorcolor: "#ccc", // # CC0071 สีเคอร์เซอร์ cursoropacitymax: 1, // scrollabar สถานะ "มองเห็นได้" อยู่ในช่วงตั้งแต่ 1 ถึง 0 touchbehavior: false, // ทำให้เคอร์เซอร์ลากและเลื่อนเหมือนอุปกรณ์สัมผัสบนคอมพิวเตอร์เดสก์ท็อป cursorwidth: "5px", // ความกว้างของเคอร์เซอร์พิกเซล cursorborder: "0", // นิยาม CSS ของเส้นขอบเคอร์เซอร์ cursorborderradius: "5px", // ใช้พิกเซลเป็นรัศมีขอบเขตของเคอร์เซอร์ autohidemode: false // ไม่ว่าจะซ่อนแถบเลื่อน });