• 0

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

السلام عليكم اخواني .. اين اتعلم التوازي بين الموضوعات والقائمة الجانبية عند النزول للنهاية أو الصعود للنهاية كما في القالب التالي

http://materialbook-template.blogspot.com.eg/

فسوف تلاحظون عن النزول إلى الاسفل تتوقف الأداة الأقصر  وتستمر الأداة الاطول حتى تنتهى بالتساوي بين الاداتين  وعند الصعود يحدث نفس الشيء
فما هي الطريقة أو كان كود جافا أو بالماتريال فأين أصل إلى تعلم هذه النقطة بالتحديد ؟؟ وشكراً لكم
أفيدونا بارك الله لكم

( من كتم علماً اللجمه الله بلجام من نار يوم القيامة )

1 شخص أعجب بهذا

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
  • 1

وعليكم السلام ورحمة الله وبركاته أولا يجب إضافة 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 درجة في السكرول يمكنك تعديل الرقم كما تريد

 

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

تمّ تعديل بواسطة Hussam Barbour
وجود خطأ في كود الجافا سكريبت
2 اشخاص أعجبوا بهذا

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
  • 1

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

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

 <script>

 </script>

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

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

 

1 شخص أعجب بهذا

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
  • 0
بتاريخ 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');

 

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

1 شخص أعجب بهذا

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة

يجب أن تكون عضوًا لدينا لتتمكّن من التعليق

انشاء حساب جديد

يستغرق التسجيل بضع ثوان فقط


سجّل حسابًا جديدًا

تسجيل الدخول

تملك حسابا مسجّلا بالفعل؟


سجّل دخولك الآن