Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 109,028

HOME > PHP > PHP Forum > ปูทำ anchor link แล้วมันไม่เลื่อนไปตำแหน่งที่ต้องการให้เลย ช่วยดูโค้ดหน่อย



 

ปูทำ anchor link แล้วมันไม่เลื่อนไปตำแหน่งที่ต้องการให้เลย ช่วยดูโค้ดหน่อย

 



Topic : 107442



โพสกระทู้ ( 681 )
บทความ ( 0 )

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์
Twitter



ตัวอย่างที่ต้องการ
http://www.mykronoz.com/collections/zenano/
กดตรง เมนู features นะ

index.html
<div class="row-fluid">
			<div class="span12 ancerlist2">
			<ul class="unstyled inline">
				<li><a href="##function">features</a></li>
				<li><a href="##usage">a day with mykronoz</a></li>
				<li><a href="##specs">tech specs</a></li>
				<li><a href="##compatibility">compatibility</a></li>
				<li><a href="##download">downloads</a></li>
				<li><a href="http://support.mykronoz.com/">faq</a></li>
			</ul>
			</div>
			</div>




Tag : PHP








ประวัติการแก้ไข
2014-04-02 15:36:31
Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2014-04-02 15:35:16 By : nottpoo View : 1360 Reply : 12
 

 

No. 1



โพสกระทู้ ( 3,155 )
บทความ ( 0 )

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

สถานะออฟไลน์


Quote:
04.<li><a href="#function">features</a></li>
05.<li><a href="#usage">a day with mykronoz</a></li>
06.<li><a href="#specs">tech specs</a></li>
07.<li><a href="#compatibility">compatibility</a></li>
08.<li><a href="#download">downloads</a></li>


แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-04-02 16:30:11 By : sakuraei
 


 

No. 2



โพสกระทู้ ( 681 )
บทความ ( 0 )

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์
Twitter

ไม่เกี่ยวกับ เครืองหมาย # หรอกคะ เพราะถ้าใส่ # ตัวเดียวไม่ได้หรอก เพราะว่า ตอนเรียก เราเรียก แบบ id
ถึงต้องเอา css ให้ดูด้วยไง
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-04-02 17:04:58 By : nottpoo
 

 

No. 3



โพสกระทู้ ( 4,169 )
บทความ ( 7 )

Hall of Fame 2012

สถานะออฟไลน์


ตอบความคิดเห็นที่ : 2 เขียนโดย : nottpoo เมื่อวันที่ 2014-04-02 17:04:58
รายละเอียดของการตอบ ::
พี่เค้าตอบ ตามหลัก jQuery ครับ href="#" หมายถึงการเรียก id ตามที่ระบุครับ
Code (PHP)
<!-- Nav tabs -->
<ul class="nav nav-tabs">
  <li class="active"><a href="#home" data-toggle="tab">Home</a></li>
  <li><a href="#profile" data-toggle="tab">Profile</a></li>
  <li><a href="#messages" data-toggle="tab">Messages</a></li>
  <li><a href="#settings" data-toggle="tab">Settings</a></li>
</ul>

<!-- Tab panes -->
<div class="tab-content">
  <div class="tab-pane active" id="home">...</div>
  <div class="tab-pane" id="profile">...</div>
  <div class="tab-pane" id="messages">...</div>
  <div class="tab-pane" id="settings">...</div>
</div>


แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-04-02 18:36:22 By : Ex-[S]i[L]e[N]t
 


 

No. 4

Guest


ถ้าก๊อปโค้ดเค้ามาเป๊ะๆ ก็ต้องเลื่อนอ่ะครับ โค้ดตกหล่นตรงไหนหรือเปล่า. พวก class ,id ใช้ของ master ไปก่อนนะ อย่าเพิ่งแก้เป็นของเรา(ถ้าทำแล้ว ยังไม่ได้ ผมก็ไม่รู้ละ 555 ขี้เกียจแกะโค้ด)
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-04-02 21:00:53 By : phun
 


 

No. 5



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



สถานะออฟไลน์
Twitter Facebook Blogger

ตอบความคิดเห็นที่ : 2 เขียนโดย : nottpoo เมื่อวันที่ 2014-04-02 17:04:58
รายละเอียดของการตอบ ::
ขออนุญาตเถอะครับ
มึงไม่รู้อย่าเสือกโชว์โง่แถวนี้สิวะ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-04-02 21:07:54 By : itpcc
 


 

No. 6



โพสกระทู้ ( 5,105 )
บทความ ( 4 )

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

สถานะออฟไลน์



แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-04-02 21:30:47 By : apisitp
 


 

No. 7

Guest


ฮูยยย งานเข้า แต่ในเว็บตัวอย่างผมก็เห็นเค้าใส่ ## สองตัวนะ และก็ใช้งานได้ด้วย. แต่ถ้าเป็น html ผมใส่ # ตัวเดียวมันก็กระโดดละ

ลป.ไม่น่าเชื่อว่าจะด่าโหดกันขนาดนี้ ยังดีไม่ด่าผมนะเนี่ย 555
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-04-02 21:34:13 By : phun
 


 

No. 8



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



สถานะออฟไลน์
Twitter Facebook Blogger

ตอบความคิดเห็นที่ : 7 เขียนโดย : phun เมื่อวันที่ 2014-04-02 21:34:13
รายละเอียดของการตอบ ::
ถ้าไม่ได้โชว์พาวแบบข้างบนผมก็ไม่ได้ด่าหรอกครับ
ถูกต้องครับ เหตุผลที่เค้าใช้ # สองครั้งมาจากตรงนี้ครับ
Code (JavaScript)
 $('a[href^="##"]').click(function()
    {
        var sHref = this.href.split("##"); 
		pos = $("#"+sHref[1]).position();
		posfin = pos.top - 120;
        $('html, body').animate({
			scrollTop: posfin
		 }, 2000);
    });

เค้าใช้ jQuery ในการสกรอล์ครับ โดยเช็คจาก ## ครับ
ผมจึงได้ด่าเรื่องโชว์โง่เพราะ
1.แทนที่จะหาสาเหตุมาก่อนที่จะถาม กลับถามแล้วแปะโค๊ตมาโดยไม่เกี่ยวอะไรเลย
2.แทนที่จะฟัง กลับพูดโชว์พาวกลับซะอย่างนั้น
ผมเห็นยังเคืองอ่ะท่าน ก็เลยด่าไป
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-04-02 21:58:28 By : itpcc
 


 

No. 9



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



สถานะออฟไลน์
Facebook

ก็ไม่รู้ซินะ แค่กั้ง Happy กับคุณ วิสุทธิ์ ผมก็ OK มากแล้ว
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-04-03 10:45:37 By : teez1232002
 


 

No. 10



โพสกระทู้ ( 5,105 )
บทความ ( 4 )

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

สถานะออฟไลน์


เพิ่งรู้ว่า anchor แปลว่า สมอเรือ T^T
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-04-03 13:06:08 By : apisitp
 


 

No. 11



โพสกระทู้ ( 3,155 )
บทความ ( 0 )

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

สถานะออฟไลน์


ผมอ่ะน่ะไม่ได้เข้าไปดูตามลิงค์ที่ จขกท. ให้ไว้หรอก

แต่เห็นว่าโค้ดที่เอามาวางบวกกับคำถาม มันผิดแน่ๆ

เพราะถ้าเอาแท็ก <a href='#...'> เข้าไปจับ กับ <div id='...'> แค่นี้มันก็เลื่อนแล้ว

ถ้าเจ้าของกระทู้จะเข้ามาถามด้วยความนอบน้อมสักนิด(บวกกับหาความรู้พื้นฐานเพิ่มสักหน่อยแล้วค่อยว่าต่อว่าผู้อื่น) ก็คงไม่มีปัญหาครับ

ตอบความคิดเห็นที่ : 8 เขียนโดย : itpcc เมื่อวันที่ 2014-04-02 21:58:28
รายละเอียดของการตอบ ::
แต่ก็ต้องขอบคุณน้อง itpcc ด้วยที่ไขความให้กระจ่าง ขอบคุณมากครับ



ตอบความคิดเห็นที่ : 3 เขียนโดย : Ex-[S]i[L]e[N]t เมื่อวันที่ 2014-04-02 18:36:22
รายละเอียดของการตอบ ::
และขอบคุณน้องยูอีกคนครับ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-04-03 16:11:03 By : sakuraei
 


 

No. 12

Guest



แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-04-03 16:57:56 By : เศร้า
 

   

ค้นหาข้อมูล
   
 

แสดงความคิดเห็น
Re : ปูทำ anchor link แล้วมันไม่เลื่อนไปตำแหน่งที่ต้องการให้เลย ช่วยดูโค้ดหน่อย
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
 Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

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

Notice

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

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







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

Load balance : Server 05
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2024 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่