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

السؤال

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.

  • إعلانات

  • تابعنا على



×
×
  • أضف...