เว็บตอบปัญหา Joomla

สอบถามปัญหาการใช้งาน joomla! สอบถามการใช้งาน Joomla
  1. Fadeela Sanoowong
  2. สอบถามทั่วไป กับ Administrator Joomla!
  3. วันศุกร์, 20 เมษายน 2561
  4.  Subscribe via email
อยากสอบถามค่ะ ต้องการทราบวิธีทำลิ้งเชื่อมเมนูกับเนื้อหาค่ะ คือเมือกดไปที่เมนูแล้ว มันจะเลื่อนลงไปยังเนื้อที่อยู่ด้านล่างขึ้นมาแสดงตามที่เราต้องการค่ะ เช่น คลิกที่เมนู "ติดต่อเรา" หน้าเว็บมันก็จะเลื่อนลงมาด้านล่างแสดงที่อยู่ที่เราได้ทำไว้ซึ่งอยู่ในส่วนด้านล่างของเว็บค่ะ
ตัวอย่างเว็บค่ะ http://www.li.mahidol.ac.th/greenlibrary/ (ปล.ให้ลองคลิกที่เมนูติดต่อเราน่ะคะ)
Pisan Chueachatchai Accepted Answer Pending Moderation
0
Votes
Undo
อย่างแรก เว็บที่ให้มา ตรงบริเวณ นั้นใช้ คลาส . ID ชื่อ bottom ตามรูป
Screen Shot 2561-04-22 at 10.07.04.png

ต้องไปดูว่าเว็บเรามี ID ตรง ที่จะคลิ๊กแล้ววิ่งไปหา ชื่ออะไร อาจไม่เหมือนกัน

พอได้ชื่อแล้ว ก็ไปทำเมนู
Screen Shot 2561-04-22 at 10.15.38.png
เลือกตามรูปเลย
จากนั้น ตรงช่อง URL ให้ใส่ # ตามด้วยชื่อ ID ตามรูป

Screen Shot 2561-04-22 at 10.16.50.png
Attachments (3)
Pisan Chueachatchai Accepted Answer Pending Moderation
0
Votes
Undo
เนื่องจาก เทมเพลตที่ผมใช้บริเวณที่วางไม่มี ID ผมเลย สร้าง โมดูล Custom แล้วใส่ข้อมูง พร้อมใส่ DIV คล่อม และใส่ชื่อที่ต้องการได้เลย
Screen Shot 2561-04-22 at 10.19.11.png
Attachments (1)
Fadeela Sanoowong Accepted Answer Pending Moderation
0
Votes
Undo
เย้ๆๆๆทำได้แล้วค่ะ ขอบคุณ คุณ@Pisan Chueachatchai มากๆน่ะค่ะที่ช่วยแนะนำวิธีและสามารถทำได้สำเร็จค่ะ
Fadeela Sanoowong Accepted Answer Pending Moderation
0
Votes
Undo
คุณไพศาลค่ะ ขอถามอีกเรื่องนึงค่ะ ถ้าจะทำให้มันวิ่งลงมาข้างล่างแบบสมูทเหมือนเว็บที่แนบไปต้องทำยังไงค่ะ
Pisan Chueachatchai Accepted Answer Pending Moderation
0
Votes
Undo
ใส่ javascript เพิ่ม ต้องใช้ความรู้เรื่อง javascript ด้วย

<script>
$l(function() {
$l('a[href*="#"]:not([href="#"])').click(function() {
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
var target = $l(this.hash);
target = target.length ? target : $l('[name=' + this.hash.slice(1) +']');
if (target.length) {
$l('html, body').animate({
scrollTop: target.offset().top
}, 1000);
return false;
}
}
});
});
</script>

  • Page :
  • 1


There are no replies made for this post yet.
However, you are not allowed to reply to this post.