انتقل إلى محتوى الدرس
فقرة فرعية #2 من درس: Scroll Properties

scrollIntoView

في هذا الدرس سوف نتعرف علي مجموعة من الخصائص التي تستخدم في التعامل مع عجلة التمرير scroll wheel الخاصة بالماوس مثل التمرير لأعلي ولأسفل وعلي اليمين وعلي اليسار

1 صفوف تعليمية
جافا سكريبت
2,424 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

الدالة ( )scrollIntoView : هي عبارة عن دالة تستخدم في تمرير عنصر محدد الي المنطقة المرئية في نافذة المتصفح 

Parameters

- alignTo : هي عبارة عن parameter يأخذ احدي القيمتين (true / false ) 

  • true : تقوم بتمرير العنصر الي اعلي النافذه
  • false : تقوم بتمرير العنصر الي اسفل النافذه




Syntax

HTML
element.scrollIntoView(alignTo)

Example

HTML
var elmnt = document.getElementById("content");
elmnt.scrollIntoView();

Example

HTML
function myFunction1() {
			var e = document.getElementById("content1");
			e.scrollIntoView(false); /* Makes the element */
		}

		function myFunction2() {
			var e = document.getElementById("content2");
			e.scrollIntoView(true);
		}

		function myFunction3() {
			var e = document.getElementById("content3");
			e.scrollIntoView(); /* Default is true */
		}

جميع فقرات هذا الدرس (Scroll Properties)