سؤال موجه إلى خبراء بلوجر

وعليكم السلام ورحمة الله وبركاته أولا يجب إضافة id للقسم الذي تريد تثبيته مثال

<div id="menu"></div>

وتقوم بكتابة كود الجافا سكريبت بعد إضافة مكتبة jquery 

$(document).ready(function () {
    // Show or hide the sticky footer button
    $(window).scroll(function () {
        if ($(this).scrollTop() > 200) {
            $('#menu').css('position': 'fixed');
        } else {
            $('#menu').css('position': 'static');
        }
    });
});

هذا الكود سيقوم بتثبت القائمة بعد النزول ب200 درجة في السكرول يمكنك تعديل الرقم كما تريد

إن لم يمكن لك دراية في تعديل الكود ما يناسب موقعك يمكنك إضافة كود الصفحة الذي تريد عمل هذا الأمر فيها ليتم حل المشكلة

اخي #Mohamed Salah العزيز 

لاتنسى وضع كود الاخ Hussam Barbour في كود السكربت

 <script>

 </script>

بينما يمكنك تغيير #menu الى الكلاس او الاي دي المراد استهدافه

        if ($(this).scrollTop() > 200) {
            $('#menu').css('position': 'fixed');
        } else {
            $('#menu').css('position': 'static');

بتاريخ On ٢٣‏/٣‏/٢٠١٧ at 22:22 قال Hussam Barbour:

وعليكم السلام ورحمة الله وبركاته أولا يجب إضافة id للقسم الذي تريد تثبيته مثال

<div id="menu"></div>

وتقوم بكتابة كود الجافا سكريبت بعد إضافة مكتبة jquery 

$(document).ready(function () {
    // Show or hide the sticky footer button
    $(window).scroll(function () {
        if ($(this).scrollTop() > 200) {
            $('#menu').css('position': 'fixed');
        } else {
            $('#menu').css('position': 'static');
        }
    });
});

هذا الكود سيقوم بتثبت القائمة بعد النزول ب200 درجة في السكرول يمكنك تعديل الرقم كما تريد

 

إن لم يمكن لك دراية في تعديل الكود ما يناسب موقعك يمكنك إضافة كود الصفحة الذي تريد عمل هذا الأمر فيها ليتم حل المشكلة

أشكرك على مجهودك أخي الكريم ولكن هذا الكود تم تجربته ولن يعمل   والحمد لله تم الوصول لشروحات لها في مدونات أجنبية مما جعلني أكتشفت أن جميع الاضافات على الانترنت توجد بها مشاكل حتى بعد ضبطها بالـcss وتم صرف النظر عنها مؤقتاً وشكراً جزيلاً لك على مجهودك  

بتاريخ On ٢٥‏/٣‏/٢٠١٧ at 00:16 قال عبدالله المنقوشي:

اخي #Mohamed Salah العزيز 

لاتنسى وضع كود الاخ Hussam Barbour في كود السكربت

 <script>

 </script>

بينما يمكنك تغيير #menu الى الكلاس او الاي دي المراد استهدافه

        if ($(this).scrollTop() > 200) {
            $('#menu').css('position': 'fixed');
        } else {
            $('#menu').css('position': 'static');

 

أشكرك على الملاحظة أخي الكريم