ایک ہی صفحے پر سکرول کرنے والے اینکر لنکس شامل کرنا

تحریر کردہ

میں

,

ایک ہی صفحے پر سکرولنگ اینکر لنکس شامل کرنا

یہ ایک پریمیم فیچر ہے اور ورژن 4.0.1+ میں دستیاب ہے

اسی صفحے پر سکرول کرنے والے اینکر لنکس ایسے لنکس ہوتے ہیں جو اسی صفحے کے کسی مخصوص مقام کی نشاندہی کرتے ہیں۔ جب آپ اسی صفحے کے لنک پر کلک کرتے ہیں، تو آپ کا براؤزر اشارہ کردہ حصے کی طرف سکرول کرے گا۔

اسی صفحے کا اینکر لنک بنانے کے لیے آپ کو دو چیزوں کی ضرورت ہوگی:

  1. کسی عنصر پر ایک کسٹم کلاس یا کسٹم ID، اور
  2. ایک ایسا لنک یا بٹن جو کسٹم کلاس یا ID کا حوالہ دیتا ہو

1. کسی عنصر پر کسٹم کلاس یا کسٹم ID

اپنے صفحے کے نچلے حصے کے قریب کوئی بھی عنصر منتخب کریں اور پھر اس کی خصوصیات (پراپرٹیز) کھولیں۔ ایڈوانسڈ حصے میں، ” go_here” نامی کسٹم کلاس یا کسٹم ID شامل کریں

2. ایک ایسا لنک یا بٹن جو کسٹم کلاس یا ID کا حوالہ دیتا ہو

اب اپنے صفحے کے اوپری حصے کے قریب کہیں ایک لنک بنائیں یا بٹن کا عنصر شامل کریں۔ لنک کے طور پر URL شامل کرنے کے بجائے، اگر آپ نے "go_here” کو کسٹم کلاس کے طور پر شامل کیا تھا تو ” .go_here” (ڈاٹ کے ساتھ) استعمال کریں؛ یا اگر آپ نے اسے کسٹم ID کے طور پر شامل کیا تھا تو "#go_here” (ہیش کے ساتھ) استعمال کریں۔

اپنا صفحہ محفوظ کرنے کے بعد، جب آپ اپنے لنک/بٹن پر کلک کریں گے، تو اب اسے باآسانی آپ کے صفحے کے نچلے حصے میں موجود عنصر کی طرف سکرول کرنا چاہیے۔

آپ اسے نامزد اینکرز (named anchors) کو ہدف بنانے کے لیے بھی استعمال کر سکتے ہیں

نامزد اینکرز جیسے کہ

<a name="go_here"></a>

کو بھی "#go_here” (ہیش کے ساتھ) کا لنک شامل کر کے ہدف بنایا جا سکتا ہے

دیگر استعمالات

آپ اپنے صفحے کے کسی بھی دوسرے حصے کو بھی ہدف بنا سکتے ہیں، یہاں تک کہ ایڈیٹر کے حصے سے باہر بھی، جب تک کہ آپ ان کے کلاس کے ناموں یا IDs کا استعمال کرتے ہوئے انہیں ہدف بنائیں۔