اذهب إلى المحتوى
  • 0

طريقة الوصول الى سكشن معين في صفحة اخرى عن طريق Button في الHTML

ماجد النجار

السؤال

Recommended Posts

  • 0

يمكنك ببساطة الإشارة الى موقع رابط تشعبي داخل الصفحة التي لديك بحيث يشير الى عنصر آخر، على النحو التالي:

<a href="#target">Go</a>


<div id="target">
  ..
</div>

أو يمكنك أيضا استعمال جافاسكربت لذات الغرض. 

قم بتصريح عنصر لزر الرجوع وخزن قيمة العنصر المستهدف في خاصية ما: 

<button id="backButton" data-target="#target">Go</button>


<div id="target">
  ..
</div>

الآن استمع لحدث الضغط على الزر وضف الوظيفية التالية: 

let btn = document.querySelector('#backButton')

btn.addEventListener('click', function(){
    let target = this.dataset.target;
    target = document.querySelector(target)
    target.scrollIntoView();
});
رابط هذا التعليق
شارك على الشبكات الإجتماعية

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...