ការរចនា Menu មាន​លក្ខណៈ Fixed នៅពេល Scroll ដោយ​ប្រើ HTML , CSS , JavaScript + Jquery

រៀបរៀងដោយ លោក ចែ សុផល

ចុច Like Page https://www.facebook.com/ANTTraining/  ដើម្បី​ទទួលបាន​ព័ត៌មាន​ថ្មីៗ​ប្រចាំ​ថ្ងៃ​

សួស្តីអ្នក​ទាំងអស់​គ្នា ថ្ងៃ​នេះ​ខ្ញុំ​សូមលើកយក​នូវ​វិធីនៃការរចនា Menu ដោយ​ប្រើ​នូវ​ភាសា HTML និង CSS នឹង​ប្រើ JavaScript + Jquery ដើម្បី​ឲ្យ Menu មាន​លក្ខណៈ Fixed នៅពេល​ដែល​អ្នក Scroll ។ ការ​ប្រើ​ប្រាស់ Scroll To Fixed Menu មាន​សារៈ​ប្រយោជន៍​នៅលើ Web page នៅពេល​ដែល​អ្នក scroll page ចុះក្រោម នោះ​វានឹង​ធ្វើការ Fixed Menu ដូច្នេះអ្នកមិនចាំបាច់ Scroll ឡើង​ទៅលើ​នោះទេ ។ ហើយ​ចំណុច​មួយទៀត​ខ្ញុំ​ចង់​បង្ហាញ​ពីការដាក់ Color Picker ទៅលើ Menu ដោយ​ប្រើ​ប្រាស់​ជាមួយ <input type="color"> ។  
+ ចំណុច​ទី១: To Fixed Menu
- នៅ​បន្ទាត់ទី6 គឺជាការហៅ library របស់ jQuery មក​ប្រើ​ប្រាស់ ។  
- នៅបន្ទាត់ទី55 $ (window) .scroll (function () {} គឺជាការ​ប្រើ​ 
ប្រាស់ event scroll
- នៅបន្ទាត់ទី56 ដល់បន្ទាត់ទី60 គឺជាការ​សិក្សា​លក្ខខណ្ឌ ប្រសិនបើ អ្នក Scroll ចុះក្រោមចំនួន 80px (if ($ (this) .scrollTop () > 80) {} ) វានឹង​ធ្វើការ Fixed Menu $ ('#menu') .css ('position','fixed') ; ។ ហើយ​ប្រសិនបើ Scroll​ទៅលើ​ដល់ top:0; នោះ​វានឹង​ធ្វើការ $ ('#menu') .css ('position','static') ; វិញ ។
+ ចំណុច​ទី២: Color Picker
- change_bg () ជា​ឈ្មោះ function សម្រាប់​ធ្វើការ Color Picker
- document.getElementById ('txtcolor') .value; សម្រាប់​ធ្វើការ​ចាប់យក​តម្លៃ​ចេញពី text box ។
- document.getElementById ('menu') .style.background = color;​សម្រាប់​ធ្វើការ​បង្កើត​នៅ នូវ​ពណ៌ backgroundcolor ទៅកាន់ tag ul ដែល​មាន ID ឈ្មោះ​ថា menu សម្រាប់ navbar ។  👨‍💻

សូមមើល Video test : https://www.facebook.com/che.sophal/videos/1071800963028078/

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

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

Facebook Page: ANT Magazine

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

website: www.antkh.com