السلام عليكم ورحمة الله وبركاته
في هذا الدرس سأشرح لكم طريقة جعل الائمة الأفقية أو النافبار تنزلق مع نزول الصفحات ، هذا الموضوع مكرر لقد قمت بالشرح الطريقة مسبقا . المهم تابع الشرح و لا تنسوا المشاركة على الموضوع . الإضافة تقدم للمدونة شكلا احترافية و جمالية اكثر بحث تكمن الزائر من انتقال بسرعة عبر الأقسام . تفضلو الشرح .
- أول عملية نتوجه إلى المدونة ثم قالب .
- تحرير HTML و نبحث عن الكود </body> .
- نقوم بالوضع الكود الثالي قبله مباشرة "فوق </body>" .
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
// Menentukan elemen yang dijadikan sticky yaitu .nav
var stickyNavTop = $('#nav').offset().top;
var stickyNav = function(){
var scrollTop = $(window).scrollTop();
// Kondisi jika discroll maka menu akan selalu diatas, dan sebaliknya
if (scrollTop > stickyNavTop) {
$('#nav').css({ 'position': 'fixed', 'top':0, 'z-index':9999 });
} else {
$('#nav').css({ 'position': 'relative', 'width': '100%' });
}
};
// Jalankan fungsi
stickyNav();
$(window).scroll(function() {
stickyNav();
});
});
//]]>
</script>
- لا تنسى تغيير الرمز الذي باللون الاحمر بالرمز القائمة الأفقية في مدونتك ،

مدونة "فكرة مبرمج" تهتم بتطوير الويب العربي ومجلات الشير ودروس السيو واحتراف تطوير المواقع وادارتها وتنشر كل قالب تراه رائعاً وتنشر مقالات حول مجال الووردبريس !
ليست هناك تعليقات:
إرسال تعليق