تقدم هذه المقالة مراقبة التمرير bootstrap للجميع لتعلمها. المحتوى المحدد كما يلي
مراقبة التمرير المصحوبة بتمرير أشرطة التمرير ، يتم تبديل عناصر القائمة وتفعيلها باستمرار.
<!-id = "menu" هو كائن الاستماع لـ TO-target = "#menu"-> <!-navbar navbar-inner navbar-fixed-fixed-top bar reivability-> <viv> <viv> <viv> <li> <a href = "#1"> list1 </a> </li> <li> السلوك المنسدلة المنسدلة من القائمة المنسدلة-> <a href = "#" data-toggle = "sropdown" القائمة المنسدلة <b> </b> </a> <ul> <li> <a href = "#3"> قائمة 3 </a> </li> <li> <a href = "#4" 5 </a> </li> </li> </li> </viv> </viv> <!-data-spy = "scroll" قم بتعيين سمات البيانات لكائن الاستماع-> <!-data-target = "#menu" تعيين كائن الاستماع-> <! 1 </h3> <p> <img src = "img/1.jpg"> </p> <h3 id = "2"> قائمة 2 </h3> <p> <img src = "img/2.jpg"> </p> <h3 id = "3" معرف = "4"> قائمة 4 </h3> <p> <img src = "img/4.jpg"> </p> <h3 id = "5"
مراقبة التمرير
<body data-spy = "scroll" data-arget = "#navbar" dative = "0"> <div id = "navbar"> <ul> <li> <a href = "#1"> list1 </a> </li> <li> <li> <a href = "#2" <a href = "#" data-toggle = "sropdown"> القائمة المنسدلة <b> </b> </a> <ul> <li> <a href = "#3"> list3 </a> </li> <li> <li> <s href = "#4"> list4 </a> </li> <s href = </ul> </viv> <!-data-spy = "scroll" يعين سمات البيانات لكائنات الاستماع-> <!-data-target = "#menu". id = "2"> قائمة 2 </h3> <p> <img src = "img/2.jpg"> </p> <h3 id = "3"> قائمة 3 </h3> <p> <img src = "img/3.jpg"> </p> <h3 id = "4" <h3 id = "5"> قائمة 5 </h3> <p> <img src = "img/5.jpg"> </p> </viv>
نمط CSS
#navbar {الموضع: ثابت ؛ اليمين: 10px ؛ أعلى: 50 بكسل ؛ العرض: 200 بكسل ؛ لون الخلفية: #fff ؛}مُسَمًّى:
الأول: استخدم طريقة البيانات = "التمرير" ، ما سبق
النوع الثاني: استخدم مكالمات JS
HTML فقط يزيل بيانات البيانات = "التمرير"
$ (function () {$ ("body"). scrollspy () ؛ // عندما يتم تنشيط عنصر شريط تنقل جديد ، $ ("body"). on ("تنشيط" ، وظيفة (e) {if ( "block") ؛إذا كنت لا تزال ترغب في الدراسة بعمق ، فيمكنك النقر هنا للتعلم وإرفاق موضوع رائع لك: Bootstrap التعلم التعليمي
ما سبق هو كل شيء عن هذا المقال ، آمل أن يكون من المفيد للجميع تعلم برمجة JavaScript.