MOD Back to Top

[Auto Man]

    หลังจากทำการย้ายโฮสต์ จะมีปัญหาบ้างกับปุ่มที่กดท้ายหน้า ให้ไปบนสุดของหน้า
ไม่ต้องเสียเวลาสกรอลเม้าส์  แต่ว่าเจอปัญหาขึ้นไม่สุด มาสุดแค่ตรงขอบบนของกระทู้นั้น
ลิ้งค์มอด
https://custom.simplemachines.org/index.php?mod=2361

    มอดที่ติดตั้งไปมี 2 ตัวคือ
1. Go Up & Go Down 1.2  18กย59
2. Back to Top 1.1  ตัวนีัแปลกจะว่าติดตั้งไปหรือยัง เพราะตรงสถานะ แจ้งเพียง
ไฟล์ในแพ็คเกจ back_to_top_v1.1.zip:

package-info.xml (2078 ไบต์)
readme.txt (2394 ไบต์)
smoothscroll.js (4558 ไบต์)
back_to_top_v1.1.xml (2583 ไบต์)
back_to_top_vrc2.3.xml (4527 ไบต์)

รายละเอียดของไฟล์ readme.txt

( <- คลิ๊กเพื่อแสดง/ซ่อนเนื้อหา)

Back to Top

Written by: Labradoodle-360

Current version: 1.1

Updates: Mod Support Topic

Suitable for: SMF 1.1.11, SMF 2.0 RC2, SMF 2.0 RC3

Supported languages: ตรงนี้มีภาพ! แต่ท่านจะมองไม่เห็น , ท่านต้อง  สมัครสมาชิก หรือ ลงชื่อเข้าระบบ

Link to Mod | Donate



Summary

Back to Top adds an anchor to the top of index.template.php and a link in the footer of every page. Back to Top v1.1 now has the ability to toggle smoothscroll!

Installation

Package Manager should work in most cases. If you need to make any edits, the full list can be obtained from the Parse function on the right..

Useful links
Manual Installation Of Mods
How Do I Modify Files?

Support

Questions should be address to the mod support topic.

Updating

Version 1.1 adds it's own mod tab for toggling smoothscroll (SMF 2.0 Only), for SMF 1.1, the setting is added to Features and Options.
Mod is not utf-8 compatible.

Changelog

1.1 - 03.10.2010
Version 1.1 Released!

1.0 - 4 January 2010
First release of Back to Top

Files modified by Back to Top
./Sources/Admin.php (SMF 2.0 Only)
./Sources/Load.php
./Sources/ManageSettings.php (SMF 2.0 Only)
./Sources/ModSettings.php (SMF 1.1 Only)
./Themes/default/index.template.php
./Themes/default/languages/Modifications.english.php
smoothscroll.js added to either $themedir or $themedir/scripts depending on version of SMF.

Smoothscroll JavaScript: The smoothscroll.js file is from Kryogenix.org.

[Auto Man]

- การติดตั้งแบบมือน่วม เอ๊ย แมน่วล
https://wiki.simplemachines.org/smf/Manual_installation_of_mods

ตรงนี้มีภาพ! แต่ท่านจะมองไม่เห็น , ท่านต้อง  สมัครสมาชิก หรือ ลงชื่อเข้าระบบ

( <- คลิ๊กเพื่อแสดง/ซ่อนเนื้อหา)

ตัวอย่าง
ตัวอย่างไวยากรณ์ไฟล์ .mod
ตัวอย่างเช่น:

โค๊ด: [Select]

<แก้ไขไฟล์>
Themes/default/Display.template.php
</แก้ไขไฟล์>

<ค้นหา>
// แสดงจุดยึดสำหรับด้านบนและสำหรับข้อความแรก หากข้อความแรกเป็นข้อความใหม่ ให้ระบุว่าเป็นข้อความใหม่
</ค้นหา>

<แทนที่>
ตัวแปรทั่วโลก $bar_exps, $bar_posts;

// แสดงจุดยึดสำหรับด้านบนและสำหรับข้อความแรก หากข้อความแรกเป็นข้อความใหม่ ให้ระบุว่าเป็นข้อความใหม่
</replace>

โค๊ด: [Select]

<แก้ไขไฟล์>
Themes/default/Display.template.php
</แก้ไขไฟล์>

<ค้นหา>
// แสดงจุดยึดสำหรับด้านบนและสำหรับข้อความแรก หากข้อความแรกเป็นข้อความใหม่ ให้ระบุว่าเป็นข้อความใหม่
</ค้นหา>

<แทนที่>
ตัวแปรทั่วโลก $bar_exps, $bar_posts;

// แสดงจุดยึดสำหรับด้านบนและสำหรับข้อความแรก หากข้อความแรกเป็นข้อความใหม่ ให้ระบุว่าเป็นข้อความใหม่
</replace>

[Auto Man]

Example explanation
In both examples the operations is the same, we need to open Display.template.php and look for:

โค๊ด: [Select]

// Show the anchor for the top and for the first message. If the first message is new, say so.
and replace it with:

โค๊ด: [Select]

global $bar_exps, $bar_posts;

// Show the anchor for the top and for the first message. If the first message is new, say so.

[Auto Man]

ติดตั้งมอด Back to Top ในบอร์ด SMF ต้องการให้ขึ้นสุดหน้าเลย แก้ไขโค้ดตรงไหน อย่างไร
สาเหตุที่กดปุ่ม BACK TO TOP แล้วหน้าเว็บเลื่อนขึ้นไปหยุดอยู่แค่บริเวณหัวข้อกระทู้ (ไม่ขึ้นไปบนสุดของหน้าเว็บ) เกิดจากตัวมอด (Mod) หรือเทมเพลตตั้งค่าจุดอ้างอิง (#top หรือตำแหน่ง scrollTop) ไว้ที่ส่วนเนื้อหาหลัก (main_content_section หรือ <a id="top">) แทนที่จะเป็นจุดบนสุดของหน้า (0 หรือ body)
คุณสามารถแก้ไขได้ 2 วิธีหลักๆ ดังนี้ครับ

วิธีที่ 1: แก้ไขในไฟล์เทมเพลต index.template.php (แนะนำและตรงจุดที่สุด)

มอด Back to Top ของ SMF ส่วนใหญ่จะทำงานร่วมกับแท็ก <a id="top">[/url] หรือ <div id="top"> ในไฟล์ธีมที่ใช้งานอยู่
1. เข้าไปที่โฟลเดอร์ธีมที่ใช้งานอยู่ผ่าน FTP หรือ File Manager ของโฮสต์:
Themes/ชื่อธีมของคุณ/index.template.php (หากไม่มีให้ดูที่ Themes/default/index.template.php)
2. เปิดไฟล์ index.template.php และค้นหาคำว่า:html
id="top"
ใช้โค้ดอย่างระมัดระวัง
(มักจะอยู่แถวๆ <div id="main_content_section"><a id="top">[/url] ซึ่งเป็นจุดเดียวกับที่ลูกศรสีแดงในภาพชี้)
3. ย้ายโค้ด <a id="top">[/url] ออกจากจุดเดิม แล้วนำไปวางไว้ บรรทัดถัดจาก <body> ทันที เพื่อให้เป็นจุดบนสุดของหน้าเว็บ:html
<body>
<a id="top">[/url]
ใช้โค้ดอย่างระมัดระวัง
4. บันทึกไฟล์แล้วลองรีเฟรชหน้าเว็บ (กด Ctrl + F5) เพื่อทดสอบ

วิธีที่ 2: แก้ไขไฟล์ JavaScript ของตัวมอด (กรณีมอดใช้คำสั่ง Scroll แบบกำหนดพิกัด/อ้างอิง)

หากย้าย id="top" แล้วยังไม่ขึ้นสุด แสดงว่ามอดใช้ JavaScript/jQuery สั่งเลื่อนไปยังอิลิเมนต์เฉพาะ
1. ค้นหาไฟล์ .js ของมอดในโฟลเดอร์ Themes/default/scripts/ (เช่น backtotop.js, scrolltop.js หรือเปิดดูซอร์สโค้ดหน้าเว็บแล้วค้นหาคำว่า BACK TO TOP)
2. มองหาคำสั่งเกี่ยวกับการเลื่อนหน้าจอ เช่น:javascript
$('html, body').animate({
    scrollTop: $("#main_content_section").offset().top // หรืออ้างอิง id อื่นๆ
}, 800);
ใช้โค้ดอย่างระมัดระวัง
3. เปลี่ยนค่าปลายทางให้เป็น 0 เพื่อให้เลื่อนขึ้นไปบนสุดของหน้าจอเสมอ:javascript
$('html, body').animate({
    scrollTop: 0
}, 800);
ใช้โค้ดอย่างระมัดระวัง
(หรือหากเป็นคำสั่งแบบ Pure JS เช่น window.scrollTo(...) ให้เปลี่ยนเป็น window.scrollTo({ top: 0, behavior: 'smooth' })
คำแนะนำเพิ่มเติม: หากใช้งานธีมปรับแต่ง (Custom Theme) ที่ไม่ใช่ธีม Default ของ SMF เมื่อแก้ไขไฟล์แล้วอย่าลืม ล้างแคช (Clear Cache) ในหน้าผู้ดูแลระบบของ SMF (ผู้ดูแล > การบำรุงรักษา > ล้างแคช) เพื่อให้โค้ดใหม่ทำงานทันทีครับ

[Auto Man]

   อย่ามองข้ามจุดเล็กจุดน้อย

Files modified by Back to Top
./Sources/Admin.php (SMF 2.0 Only)
./Sources/Load.php
./Sources/ManageSettings.php (SMF 2.0 Only)
./Sources/ModSettings.php (SMF 1.1 Only)
./Themes/default/index.template.php
./Themes/default/languages/Modifications.english.php
smoothscroll.js added to either $themedir or $themedir/scripts depending on version of SMF.
เพิ่ม smoothscroll.js ลงใน $themedir หรือ $themedir/scripts ขึ้นอยู่กับเวอร์ชันของ SMF

[Auto Man]

   ทดสอบแล้วไม่เวิร์คนะจ๊ะ  ไฟล์ Display.template.php

ตรงนี้มีภาพ! แต่ท่านจะมองไม่เห็น , ท่านต้อง  สมัครสมาชิก หรือ ลงชื่อเข้าระบบ