Scroll, ScrollTo, ScrollBy, Focus, Print, Stop

✅ أولًا: scroll / scrollTo / scrollBy
1. 🌀 scrollTo(x, y)

تنقل الصفحة إلى إحداثيات معينة مطلقة (من أعلى الزاوية).

window.scrollTo(0, 500); // يمرر الصفحة لأسفل 500 بكسل من الأعلى
JavaScript

x = المسافة الأفقية، y = المسافة العمودية.

2. 🌀 scrollBy(x, y)

تنقل الصفحة بمقدار معين نسبي من الوضع الحالي.

window.scrollBy(0, 200); // يمرر الصفحة 200 بكسل لأسفل من المكان الحالي
JavaScript
3. 🌀 scroll(options)

نسخة متقدمة من scrollTo() تدعم التأثيرات.

window.scroll({
  top: 600,
  left: 0,
  behavior: "smooth"
});
JavaScript

✅ مثال عملي:

<button onclick="window.scrollTo(0, 1000)">انتقل للأسفل</button>
<button onclick="window.scrollBy(0, 300)">انزل 300 بكسل</button>
<button onclick="window.scroll({top: 0, behavior: 'smooth'})">لأعلى بسلاسة</button>
JavaScript
✅ ثانيًا: focus()
🧿 window.focus()

يُستخدم لجعل النافذة أو التبويب الحالي نشطًا (يطلب التركيز).

window.focus();
JavaScript

مفيد عندما تفتح نافذة جديدة باستخدام window.open() ثم تريد جذب انتباه المستخدم لها:

let newWin = window.open("https://example.com");
newWin.focus();
JavaScript
✅ ثالثًا: print()
🖨️ window.print()

يفتح نافذة طباعة للمستخدم.

window.print();
JavaScript

يمكن استخدامه لطباعة أي صفحة أو مستند PDF مباشرة.

<button onclick="window.print()">🖨️ طباعة الصفحة</button>
JavaScript
✅ رابعًا: stop()
🛑 window.stop()

يوقف تحميل الصفحة أو أي طلبات قيد التنفيذ (مثل الصور أو ملفات).

window.stop();
JavaScript

يشبه الضغط على ✖️ في شريط المتصفح أثناء تحميل الصفحة.

🧠 ملخص سريع:
الدالةالوظيفة
scrollTo(x, y)تمرير للموضع (x, y) من أعلى الصفحة
scrollBy(x, y)تمرير نسبي من الموضع الحالي
scroll({})تمرير مع خيارات متقدمة (مثل التمرير الناعم)
focus()جعل النافذة نشطة (مفيدة مع popups)
print()فتح نافذة الطباعة
stop()إيقاف تحميل الصفحة

✅ مثال عملي بزر:

<button onclick="scrollToTop()">🔝 إلى الأعلى</button>

<script>
  function scrollToTop() {
    window.scrollTo({
      top: 0,
      behavior: "smooth"
    });
  }
</script>
JavaScript
<button onclick="window.scrollTo(0, 0)">🔝 مباشرة لأعلى</button>
JavaScript