Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,027

HOME > PHP > PHP Forum > วิธีทำให้สกอร์บาร์ค่อยๆเลื่อนลงที่จุดเรากำหนดไว้ เมื่อเราคลิกที่ลิงค์

วิธีทำให้สกอร์บาร์ค่อยๆเลื่อนลงที่จุดเรากำหนดไว้ เมื่อเราคลิกที่ลิงค์

เริ่มหัวข้อใหม่

Guest

ตัวอย่างคือ เราจะแบ่งหน้าไว้ 3 หน้า

ex.

<div id="pg1"></div>
<div id="pg2"></div>
<div id="pg3"></div>

โดยโค้ดจะมีประมาณนี้ (ตัวอย่างนะครับ)
แล้วจะมีปุ่มสำหรับเลือก Page อยู่ 3 ปุ่ม
ซึ่งแต่ละปุ่มจะมี url คือ #pg1 - pg3

*ถ้าหากเราอยู่ในหน้า Page แรก พอคลิกปุ่ม [Page2]
มันก็จะค่อยๆเลื่อนลงมาในหน้า Page2 น่ะครับ
พอคลิก page3 ก็ค่อยๆ เลื่อนลงไป page3

-----------------------

ประมาณนี้พอจะรู้ไหมครับ ตัวอย่างเว็บไซต์มีนะครับ
http://modiscuz.com/

ถ้ามีวิธีก็ขอบคุณมากเลยครับ

Tag : PHP, HTML/CSS

Date : 2013-05-13 22:41:23

By : I'am Jameiiz

View : 1804

Reply : 2

No. 1

itpcc

โพสกระทู้ ( 1,569 )
บทความ ( 2 )

http://www.abeautifulsite.net/blog/2010/01/smoothly-scroll-to-an-element-without-a-jquery-plugin/
http://stackoverflow.com/questions/6677035/jquery-scroll-to-element
น่าจะพอประยุกต์ดูได้นะครับ

ประวัติการแก้ไข
2013-05-13 22:46:22

Date : 2013-05-13 22:45:34

By : itpcc

No. 2

Guest

โอเค ขอบคุณมากครับ ลิงค์อันที่ 2 ผมพอเอาไปประยุกต์ได้
ขอบคุณมากครับ

Date : 2013-05-14 11:47:16

By : I'am Jameiiz

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : วิธีทำให้สกอร์บาร์ค่อยๆเลื่อนลงที่จุดเรากำหนดไว้ เมื่อเราคลิกที่ลิงค์

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก

<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)

Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 05