PHP Ionic Angular HTML5 AJAX Javascript CSS MySQL jQuery Forum


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

ถาม-ตอบ แนะนำไอเดียว โค้ดตัวอย่าง แนวทาง วิธีแก้ปัญหา อยากทราบวิธีทำ dynamic scroll content แบบ Facebook Chat

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

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


Chudjane 27.55.12.xxx 27-04-2014 22:27:40

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

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


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


  • ( หรือ สามารถทำการ สมัครสมาชิก และล็อกอิน ด้วย ปุ่ม Log in with Facebook ด้านล่าง )
 ความคิดเห็นที่ 1

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

การเลื่อน แล้วโหลดข้อมูล อัตโนมัติ ด้วย jQuery 


Ninenik 171.96.25.xxx 28-04-2014
 ความคิดเห็นที่ 2
ถ้าใช้ตัวจากหน้านี้

http://rocha.la/jQuery-slimScroll

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

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


Ninenik 171.96.25.xxx 28-04-2014
 ความคิดเห็นที่ 3
ขอบคุณมากๆ ครับ แต่ว่าอยากได้ตัวอย่างประกอบด้วยครับ ผมลองทำแล้ว Scroll Bar มันไม่ยอม focus ที่กำลังอ่านก่อนหน้านี้แต่มัน focus ที่ด้านบนสุดเลย


Chudjane 171.99.75.xxx 28-04-2014 23:34