PHP Ionic Angularjs Phonegap AJAX Javascript CSS MySQL jQuery Forum

อยากทราบวิธีทำ dynamic scroll content แบบ Facebook Chat

อยากทราบวิธีทำ dynamic scroll content แบบ Facebook Chat
อยากทราบวิธีทำ dynamic scroll content แบบ Facebook Chat ครับ คือ แชทของ Facebook จะมีการโหลดข้อความเก่าขึ้นมาแสดงหากเราทำการเลื่อน Scroll Bar ไปข้างบนสุดของกรอบแชท ไม่ทราบว่าต้องเขียนโค้ดประมาณไหนบ้างครับ ถ้าผมใช้ Plugin SlimScroll.js เป็นตัวเสริมด้วย

----------------------------------
ขอบคุุณครับ

โดย:  Chudjane IP: 27.55.12.xxx วันที่: 27-04-2014 เวลา: 22:27:40

คำแนะนำ และการใช้งาน

สมาชิก กรุณา ล็อกอินเข้าระบบ เพื่อตั้งคำถามใหม่ หรือ ตอบคำถาม สมาชิกใหม่ สมัครสมาชิกได้ที่ สมัครสมาชิก


  • ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ


  • ( หรือ สามารถทำการ สมัครสมาชิก และล็อกอิน ด้วย ปุ่ม Log in with Facebook ด้านล่าง )
 ความคิดเห็นที่ 3
ขอบคุณมากๆ ครับ แต่ว่าอยากได้ตัวอย่างประกอบด้วยครับ ผมลองทำแล้ว Scroll Bar มันไม่ยอม focus ที่กำลังอ่านก่อนหน้านี้แต่มัน focus ที่ด้านบนสุดเลย

โดย:  Chudjane IP: 171.99.75.xxx วันที่: 28-04-2014 เวลา: 23:34:37
 ความคิดเห็นที่ 2
ถ้าใช้ตัวจากหน้านี้

http://rocha.la/jQuery-slimScroll

ให้ลองประยุกต์จากโค้ด

$(selector).slimScroll().bind('slimscroll', function(e, pos){
    console.log("Reached " + pos");
});


โดย:  Ninenik IP: 171.96.25.xxx วันที่: 28-04-2014
 ความคิดเห็นที่ 1

เช็คการ scroll แล้วใช้ ajax ดึงข้อมูล
ดูตัวอย่างนี้เป็นแนวทาง
 

การเลื่อน แล้วโหลดข้อมูล อัตโนมัติ ด้วย jQuery 
http://www.ninenik.com/content.php?arti_id=442 via @ninenik


โดย:  Ninenik IP: 171.96.25.xxx วันที่: 28-04-2014