السلام عليكم ... جربت اكثر من طريقة لدي عنوان وسيكشن استخدمت عليهم الhref and id للنقر والسكرول ولكن العجيب ان السكرول يحدث فقط اذا كنت اعلى من السيكشن المحدد اما اذا كنت اسفل ذلك السيكشن فلا حدث شيئ
يرجى الدخول لحسابك أو تسجيل حساب لتستطيع إضافة تعليق
من المفترض أن تعمل معك ميثود scrollIntoView بشكل طبيعي، وإليك مثال:
<!DOCTYPE html>
<html>
<style>
#myDIV {
height: 250px;
width: 250px;
overflow: auto;
background: coral;
}
#content {
margin:500px;
height: 800px;
width: 2000px;
background-color: coral;
}
</style>
<body>
<h1>The Element Object</h1>
<h2>The scrollIntoView() Method</h2>
<button onclick="myFunction()">Scroll</button>
<p>Click "Scroll" to scroll to the top of the element with id="content".</p>
<div id="myDIV">
<div id="content">
<p>Some text inside an element.</p>
<p>Some text inside an element.</p>
<p>Some text inside an element.</p>
</div>
</div>
<script>
function myFunction() {
const element = document.getElementById("content");
element.scrollIntoView();
}
</script>
</body>
</html>
يجب عليك توفير الكود المستخدم لتحديد المشكلة بالضبط أو يمكنك تجربة المثال الذي قدمه مصطفى في التعليق السابق والتعديل عليه ليناسبك التطبيق لديك
ولكن أعتقد أن المشكلة ربما تكمن في الهيكلية الخاصة بال html أو التنسيقات فمثلاً قد يكون السبب في هذه المشكلة هو أن ارتفاع السيكشن الذي تقوم بالتمرير إليه يكون مساويًا تقريبًا إلى ارتفاع نافذة المتصفح، مما يجعل السكرول لا يُظهر أي تأثير وكأنه لم يحدث.
مجتمع لمناقشة وتبادل الخبرات حول تطوير الويب. ناقش أحدث التقنيات، اللغات، والأدوات في عالم تطوير المواقع والتطبيقات. شارك مشاريعك، اسأل عن نصائح، وتعاون مع مطورين محترفين وهواة.