Javascript Sticky fixed

28-6-2553 6-11-11

ทำให้ div หรือว่า กล่องของเรา ติดหน้าจอเป็น position: fixed; เฉพาะตอนเลื่อนเลยมันไปเท่านั้นจะมีประโยชน์มาก ถ้าเอามาใช้เป็น sidebar หรือว่าอื่นๆที่รวมลิ้งค์ที่ประโยชน์ไว้ และถ้านึกไม่ออกลองดู ด้านซ้ายสิครับ :P



ขณะที่เกาะติดจอ

ตอนที่เลยจุดที่กำเป็นตำแหน่งสูงสุดที่จะให้เกาะ (ค่านี้ต้องเป็น element คำนวณจาก offset().top + height()  = ขอบล่างของกล่อง [เช่นอาจจะเป็น parent] )

Download Source

epdSticky

Usage

$(function(){
	//add Sticky
	$('.epd-sticky').each(function(){
		epd_addSticky(this,$(this).parent().parent())
	});
});

ลองเอาไปใช้ดูนะครับได้ผลยังไงก็บอกด้วยเน้อ