For Android device For iOS device
២០
មីនា

គន្លឹះតូចមួយ​ក្នុង​ការ​ប្រើ​ប្រាស់ Scroll-behavior CSS

រៀបរៀងដោយ សួ លីឡាយ

Hey! ! ! សួស្តីអ្នក​ទាំងអស់​គ្នា​ជា​ពិសេស​អ្នក​ដែល​កំពុង​សិក្សា HTML និង CSS ទាំងអស់ ។ នៅពេល​ខ្លះ​មិត្ត​ទាំងអស់​គ្នា​មានផលវិបាក​ទៅលើ​ការ link ​តាមរយៈ id ហើយវាមានសភាពមិន Smooth ពេលវា Scroll ចុះក្រោម ឬ​ឡើងលើ ។ ដូច្នេះ​ថ្ងៃ​នេះ​ខ្ញុំ​មាន Property មួយមក​បង្ហាញ​អ្នក​ទាំងអស់​គ្នា scroll-behavior វាជា Property មួយ​ដែល​ធ្វើ​ឲ្យ​ការ Scroll ទៅរកអ្វីមួយ​តាមរយៈ ការ link ទៅលើ ID មានភាព Smooth ។ តោះ! ! ! កុំ​ឲ្យ​ខាតពេលយូរយើងទៅមើលលើ​លទ្ធផល និង ឧទាហរណ៍ជា code នៅ​ក្នុង​រូបភាព​ខាងក្រោម​ទាំងអស់​គ្នា ៖

 ​លទ្ធផល​កូដ

 ពន្យល់​ទៅលើ​លទ្ធផល​ Codeពេល​ដែល​អ្នក​ទាំងអស់​គ្នា​ចុចលើ Link ​ចំណុច​ទី១នោះ​វានឹង scroll ទៅរក​ចំណុច​ទី ២ ។

  កូដ CSS និង HTML

 

- បន្ទាត់ទី៣២ និង ៣៨ គឺយើង​បង្កើត id ​ដែល​មាន​ឈ្មោះ​ថា section1 និង section2

- បន្ទាត់ទី ៣៥ និង ៤០ គឺយើង​គ្រាន់តែ បង្កើត tag a មួយហើយហៅ id ទាំង២នោះមក នោះ tag a អាច link ​ទៅកាន់ id ទាំង២នោះបានហើយ ប៉ុន្តែ​វានៅ​មិនទាន់ Smooth នៅឡើយ គ្រាន់តែ​បន្ថែម​បន្ទាត់ទី ៧ scroll-behavior: smooth; ​ជាការស្រេច ៕

♻️ ​សម្រាប់​លោកអ្នក​ដែល​ចង់​ដំឡើង​កម្មវិធី ANTLearner សម្រាប់ Windows សូម​ចូលរួម Telegram÷ https://t.me/AntTechnologyTrainingCenter

📲 ​សម្រាប់​លោកអ្នក​ចង់​ដំឡើង​កម្មវិធី ANTLearner សម្រាប់ Android https://bit.ly/3qhYCJf

 

→ ប្រសិនបើ​មានចង្ងល់ ឬ​មាន​សំណួរ​ផ្សេងៗ​សូម​ផ្ញើ​សារចូល Facebook : https://www.facebook.com/anttrainning

 ​សម្រាប់​វគ្គ​សិក្សា​នៅអាន-ANT http://training.antkh.com/ 

 លេខ​ទូរសព្ទ​ទំនាក់ទំនង ០១០/០១៦ ៦៦៦ ៦៥៣

💒 ទីតាំង #86B ផ្លូវ 313 កែង 606 សង្កាត់បឹងកក់២ ទួលគោក

https://maps.app.goo.gl/cdi3hTED27tbHBaB9

មតិ និង​យោបល់​ទៅលើ​អត្ថបទ​នេះ (តាម Facebook)

ខាងក្រោម​នេះ​ជា​យោបល់​ផ្សេងៗ​របស់​អ្នកទស្សនា