บทความด้านคอมพิวเตอร์

บทความ, องค์ความรู้, การทำเว็บไซต์, ทำโปรแกรม

ค้นหา และศึกษาบทความด้านคอมพิวเตอร์ การเขียนเว็บไซต์ ทำเว็บไซต์ ทำโปรแกรม ทำโปรแกรมบนมือถือ ออกแบบเว็บไซต์ การเขียนโปรแกรม การออกแบบเว็บไซต์ ฐานข้อมูล รวมไปถึงข่าวแวดวง IT, Computer และบทความต่าง ๆ ที่ถูกคัดสรรมาอย่างดี ด้วยเนื้อหาที่สดใหม่ กระชับ และอ่านเข้าใจง่าย ซึ่งจะทำให้คุณสามารถที่จะแก้ไขปัญหาต่าง ๆ จากบทความ และองค์ความรู้ที่ทางเราเลือกมาให้ โดยบทความทุกบทความถูกเขียนขึ้นใหม่ ในเรื่องต่าง ๆ เพื่อนำเสนอมุมมองใหม่ ๆ ให้กับผู้อ่านทุกคน


ประเภทบทความ
บทความด้านคอมพิวเตอร์

    scroll() jQuery การผูก และัจัดการเหตุการณ์ Scroll

    บทความวันที่ 20 พฤศจิกายน 2555

    scroll() คือ คำสั่งของ jQuery มีไว้สำหรับการผูก และจัดการเหตุการณ์ Scroll ของผู้ใช้งาน เช่น การ Scroll ของ IFrame, Elements, DIV หรือ Container อื่น ๆ ตามที่ต้องการ

     

    ภาพรวมของ scroll()

    1. ใช้คำสั่ง $('[Target_Element]').scroll() ในการผูก และจัดการเหตุการณ์การ Scroll

    2. มีประโยชน์อย่างมากในการประยุกต์ใช้รวบกับการดักจับเหตุการณ์เมื่อผู้ใช้ Scroll วัตถุต่าง ๆ

     

    ตัวอย่างโปรแกรม

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>amplysoft.com</title>
<script type="text/javascript" src="jquery.min.js"></script>
</head>
<body>

<style type="text/css">
pre {
	width:200px;
	height:100px;
	overflow:scroll;
}
#result {
	display:none;
}
</style>

<pre>
amplysoft รับเขียนเว็บ
amplysoft รับทำเว็บ
amplysoft เรียนเขียนโปรแกรม
amplysoft รับทำโปรแกรม
amplysoft รับเขียนเว็บ
amplysoft รับทำเว็บ
amplysoft เรียนเขียนโปรแกรม
amplysoft รับทำโปรแกรม
</pre>

<div id='result'>Scroll</div>

<script type="text/javascript">
	
	$('pre').scroll(function(){
		$('#result').css("display", "inline").fadeOut("slow"); 
	});
	
</script>

</body>
</html>

     

    ผลลัพธ์


    อ่านเนื้อหาอื่นเพิ่มเติมฟรี ได้ที่
    Devdit - พบคำตอบด้านไอทีและทำตามง่ายๆ



    คำค้นหา scroll() jQuery, รับทำเว็บ, รับเขียนเว็บ, เรียนเขียนโปรแกรม