"إذا أراد العامل أن يؤدي عمله بشكل جيد، فعليه أولاً أن يشحذ أدواته." - كونفوشيوس، "مختارات كونفوشيوس. لو لينجونج"
الصفحة الأمامية > برمجة > كيف يمكنني تمرير DIV تلقائيًا إلى عنصر معين داخله دون تمرير الصفحة بأكملها؟

كيف يمكنني تمرير DIV تلقائيًا إلى عنصر معين داخله دون تمرير الصفحة بأكملها؟

نشر في 2025-03-24
تصفح:412

How can I automatically scroll a div to a specific element within it without scrolling the entire page?

التمرير إلى عنصر داخل div

تهدف إلى برمجة div تم تمريرها تلقائيًا إلى عنصر داخله عند النقر. يبدو أن استخدام scrollintoview (صحيح) يمرر الصفحة بأكمله ، مما يتركك محيرًا. يتم تحقيق ذلك من خلال:

var mylement = document.getElementById ('element_within_div') ؛ var toppos = mylement.offsettop ؛

يحتوي toppos الآن على مسافة البكسل بين الجزء العلوي من div والعنصر الذي تريده. Toppos ؛

في النموذج الأولي JS ، وهذا يترجم إلى:
var myElement = document.getElementById('element_within_div');
var topPos = myElement.offsetTop;
var posarray = $ ('element_within_div'). positionEdoffset () ؛ $ ('scrolling_div'). scrolltop = posarray [1] ؛

هذا الإجراء يسلل div لمحاذاة العنصر المحدد في الأعلى ، أو أقرب ما يمكن إذا لم يسمح التمرير بالوصول إلى الأعلى.

أحدث البرنامج التعليمي أكثر>

تنصل: جميع الموارد المقدمة هي جزئيًا من الإنترنت. إذا كان هناك أي انتهاك لحقوق الطبع والنشر الخاصة بك أو الحقوق والمصالح الأخرى، فيرجى توضيح الأسباب التفصيلية وتقديم دليل على حقوق الطبع والنشر أو الحقوق والمصالح ثم إرسالها إلى البريد الإلكتروني: [email protected]. سوف نتعامل مع الأمر لك في أقرب وقت ممكن.

Copyright© 2022 湘ICP备2022001581号-3