​បង្ហាញ Back to top link បន្ទាប់ពី scroll បានពាក់កណ្ដាល screen

Note : សម្រាប់ Script អនុវត្តន៍សួមចុច Link នេះ

Internet ជាប្រភពនៃ ឯកសារ​សម្រាប់​អ្នក​ស្រាវជ្រាវ​គ្រប់មជ្ឈដ្ឋាន ។ អ្នក​បង្កើត​គេហទំព័រ​ក៏​ត្រូវមានភាពច្នៃ​ប្រ​ឌិត​ទៅលើ​គេហទំព័ររបស់ខ្លួន ដើម្បី​ទាក់ទាញអ្នកទស្សនា​ឲ្យ​បាន​ច្រើន ។ នៅ​ក្នុង​ទំព័រមួយចំនួនតែងតែមានខ្លឹមសារវែងចុះទៅក្រោម​ដែល​តម្រូវ​ឲ្យ​អ្នកទស្សនា​ធ្វើការ scroll ចុះឡើង ។ យើងសូម​ណែនាំ​ពីវិធីសាស្រ្តមួយ ដើម្បី​ផ្ដល់​ភាព​ងាយស្រួល​ដល់អ្នកទស្សនា ដើម្បី​ត្រលប់​ទៅកាន់​ទីតាំង​ខាងលើ​វិញ គឺការដាក់ link back to top ដោយ​ប្រើ​ប្រាស់​ជាមួយនឹង Jquery  ។

♦ ការ​បង្កើត និង ការ​ប្រើ​ប្រាស់ code

នៅ​ក្នុង​ការ​បង្កើត Back to top button នេះ ទាមទារ​ឲ្យ​អ្នកយល់​ខ្លះ​ៗ​អំពី ភាសា HTML, CSS, និង Jquery ។

- ​ជាដំបូង​តម្រូវ​ឲ្យ​លោកអ្នក​មាន File Jquery មួយសិន​ដែល​អាច​ទាញយក​តាមរយ: Website http://code.jquery.com/jquery-1.10.2.min.js ឬ​អាច​ចម្លង​ចេញពីស៊ីឌី អាន លេខ ៥៦​បន្ទាប់មក​យក File នោះដាក់​ក្នុង​ Project ​ការងារ​របស់អ្នក រួច​ធ្វើការ​ Link ​ទៅកាន់​ File Jquery ​នោះ ។

- ជំហានបន្ទាប់គឺ​បង្កើត​ Tag HTML មួយដាក់កន្លែងណា​ក៏​បាន​ឲ្យ​តែនៅ​ក្នុង​ចន្លោះbody រួចដាក់ id រឺ class ដើម្បី​កំណត់​ style

- ការដាក់ style ទៅ​ឲ្យ​ tag នោះតាមរយ: selector ដែល​យើងបានដាក់

-ជំហាន​ចុងក្រោយ​គឺ​គ្រាន់តែ​តម្រូវ​ឲ្យ​លោកអ្នក​ធ្វើការ​កំណត់​លក្ខខណ្ឌនៃការ scroll

+ ​ដំណើរ​ការ​:

- ករណី scroll បានពាក់កណ្ដាល screen នោះវាននឹង​បង្ហាញ tag <a href=””> ​ដែល​យើងបាន​បង្កើត​សម្រាប់ click ដើម្បី​ឡើង​ទៅលើ ៕

+ ​ចំណាំ​:

- webpage របស់​លោកអ្នក​ត្រូវមានខ្លឹមសារ​ដែល​អាច scroll បាន ៕

♦ រៀបរៀងអត្ថបទៈ លោក សុង លាងហុក 

♦ ដកស្រង់ចេញពី​ទស្សនាវដ្ដី​អាន-ANT ច្បាប់​ទី ៥៦ ប្រចាំខែ ធ្នូ ឆ្នាំ ២០១៣

♦ ​សម្រាប់​ព័ត៌មាន​ទំនាក់ទំនងមកយើង​ខ្ញុំ ៖ លេខ​ទូរសព្ទ ០១០ / ០១៦ ៦៦៦ ៦៥៣

ឬ​ Facebook: https://www.facebook.com/anttrainning

Facebook Page: ANT Magazine

Facebook Group: https://www.facebook.com/groups/ANTTrGroup/

website: www.antkh.com