ធ្វើឲ្យរបារចម្ហៀងនៅនឹងថ្កល់មួយកន្លែងដោយប្រើប្រាស់ Theia Sticky Sidebar

តាមដានព័ត៌មានផ្សេងៗពី​​ L1-Template for sale


​​   ប្លង់​មូល​ដ្ឋាន​នៃ Layout របស់​គេហៈ​ទំព័រ​ឬ​ប្លុក​ជា​ធម្មតា​ចែក​ជា​ពីរ​ផ្នែក​មាតិកា​សំខាន់ៗ​គឺ​៖ Main Content (កន្លែង​ប្រ​កាស​មាតិកា​អត្ថបទ​) និង Main Sidebar (របារ​ចម្ហៀង​) ប៉ុន្តែ​ប្រសិន​បើ​អ្នក​ធ្វើ​ការ Scroll ចុះ​ឡើង​នោះ​របារ​ចម្ហៀង​នឹង​បាំង​បាត់​។ ក្នុង​គន្លឹះ​មួយ​នេះ​ខ្ញុំ​នឹង​បង្ហាញ​ពី​របៀប​ធ្វើ​យ៉ាង​ណា​ឲ្យ​របារ​ចម្ហៀង​នៅ​នឹង​ថ្កល់​មួយ​កន្លែង​ដោយ​ប្រើ​ប្រាស់ Theia Sticky Sidebar។

   Theia Sticky Sidebar គឺ​ជា Plugin មួយ​ប្រភេទ​ដែល​ត្រូវ​បាន​គេ​សរសេរ​កូដ​ឡើង​ដោយ WeCodePixels ដើម្បី​ធ្វើ​ឲ្យ​របារ​ចម្ហៀង​នៅ​នឹង​ថ្កល់ (Sticky) បើ​ទោះ​បី​ជា​អ្នក​ធ្វើ​ការ Scroll ចុះ​ឡើង​ក៏​ដោយ​វា​នៅ​តែ​បង្ហាញ​ជា​និច្ច​។

១-សូម​ចូល​ទៅ​កាន់​គណនី​ប្លុក​របស់​អ្នក​
២-ចូល​ទៅ​កាន់ Theme បន្ទាប់​មក Edit HTML
៣-ចម្លង​កូដ​ខាង​ក្រោម​ដាក់​ពី​ខាង​ក្រោម <head>
<script src='//ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js' type='text/javascript'></script>
<script src='//cdn.jsdelivr.net/npm/theia-sticky-sidebar@1.7.0/dist/theia-sticky-sidebar.min.js' type='text/javascript'></script>
៤-ចម្លង​កូដ​ខាង​ក្រោម​ដាក់​ពី​ខាង​លើ </body>
<script type='text/javascript'>
//<![CDATA
$("#main-content, #main-sidebar").each(function() {
$(this).theiaStickySidebar({
additionalMarginTop: 30,
additionalMarginBottom: 30
})
});
//]]>
</script>
ចំណាំ​៖ ផ្លាស់​ប្តូរ​កូដ​ហាយ​ឡាយ​ខាង​លើ​ទៅ​តាម​ស្បែក​ប្លុក​របស់​អ្នក​ដែល​៖
* #main-content ជា​មាតិកា​អត្ថបទ​
* #main-sidebar​ ជា​របារ​ចម្ហៀង​
៥-ចុច​ពាក្យ Save Theme​៕

www.lychai.com

Download This Template