ওয়েব পৃষ্ঠায় একটি নির্দিষ্ট স্ক্রোল পজিশনে হাইপারলিঙ্ক তৈরি করা কি সম্ভব? উদাহরণস্বরূপ, আমি http://www.stackoverflow.com/ এ একটি লিঙ্ক তৈরি করতে চাই , তবে পৃষ্ঠাটি 100 পিক্সেলের নিচে স্ক্রল করে।
ওয়েব পৃষ্ঠায় একটি নির্দিষ্ট স্ক্রোল পজিশনে হাইপারলিঙ্ক তৈরি করা কি সম্ভব? উদাহরণস্বরূপ, আমি http://www.stackoverflow.com/ এ একটি লিঙ্ক তৈরি করতে চাই , তবে পৃষ্ঠাটি 100 পিক্সেলের নিচে স্ক্রল করে।
উত্তর:
আপনি jQuery স্ক্রোলটো প্লাগইন ব্যবহার করে প্রদত্ত অবস্থানে স্ক্রোল করতে পারেন । যদি এর ডেমো পৃষ্ঠায় আপনার নজর থাকে তবে আপনি দেখতে পাবেন যে প্লাগইনটি একটি নির্দিষ্ট অবস্থানে স্ক্রোলিং সহ অনেকগুলি ভিন্ন বিকল্পে সক্ষম। এর অর্থ হ'ল আপনাকে লক্ষ্যটির জাভাস্ক্রিপ্ট নিয়ন্ত্রণ করতে হবে, তবে এটি কোনও বাহ্যিক সাইটের লিঙ্কের জন্য উপযুক্ত নাও হতে পারে।
পৃষ্ঠার কোথাও ভ্যানিলা ওয়ে লিঙ্কটি পৃষ্ঠায় ইতিমধ্যে উপস্থিত একটি অ্যাঙ্কর পয়েন্টের মাধ্যমে ।
এটি <a>…</a>
ট্যাগ ব্যবহার করে তৈরি করা যেতে পারে । নোট করুন যে "অ্যাঙ্কার পয়েন্ট" (উপরে) #h-12.2
এ নির্দিষ্ট লিঙ্কটির শেষে রয়েছে। এটি <a id="h-12.2">12.2</a>
পৃষ্ঠার গঠনে এইচটিএমএল-এর এম্বেডের সাথে মিলে যায় এবং ক্লিক করা হলে পৃষ্ঠার ভিউ এই অ্যাঙ্কারের সাথে প্রতিস্থাপন করা হবে।
নোট করুন যে এইচটিএমএল 5 এর আগে, এন্টিবিউটটি name
অ্যাঙ্কর ট্যাগে ব্যবহৃত হত তবে এটি আর সমর্থিত নয় এবং id
বৈশিষ্ট্যটি তার জায়গায় ব্যবহার করা উচিত ( রেফারেন্স )। এর অর্থ হ'ল আপনি অ্যাঙ্কর ট্যাগের জন্য কোনও উপাদান ব্যবহার করতে পারেন, আপনি <a>
উপাদানটির মধ্যে সীমাবদ্ধ নন ।
পলের উত্তরের অনুরূপ, আপনি এইচটিএমএল নথিতে কোনও ট্যাগ আইডির প্রথম উপস্থিতির সাথেও লিঙ্ক করতে পারেন। এটি যদিও পিক্সেলের সঠিক সংখ্যা হবে না।
উদাহরণস্বরূপ, এই পৃষ্ঠার প্রশ্ন বা উত্তরগুলিতে লিঙ্ক / স্ক্রোল করুন ।
পৃষ্ঠায় ডান-ক্লিক এবং উপাদানগুলি পরিদর্শন করার চেষ্টা করুন। আপনি <a>
ট্যাগগুলি খুঁজে পাবেন , সেগুলি অ্যাঙ্কর পয়েন্ট।
তারপরে <
প্রথম এবং শেষের আগে বের করুন a
যাতে তারা লিঙ্ক হিসাবে প্রদর্শিত না হয়। প্রতিক্রিয়া বাক্সে লেখার সময় আপনি প্রভাবগুলি দেখতে পাবেন যখন এটি নীচের পূর্বরূপ আপনাকে দেখায়।
a href="/superuser/382047/linking-to-a-specific-scroll-position-on-a-web-page#question-header">question /a>
এবং
a href="/superuser/382047/linking-to-a-specific-scroll-position-on-a-web-page#answers">answers /a>
আপনি দেখতে পাচ্ছেন, কেবলমাত্র পার্থক্যটি একেবারে শেষে যেখানে পাউন্ড ( #
) চিহ্নের পরে অ্যাঙ্করগুলির নাম । নামটির পরে >
লিঙ্কটি কীভাবে ব্যবহারকারীর কাছে পড়ে for
এই ক্ষেত্রে "প্রশ্ন-শিরোনাম" "প্রশ্ন" হিসাবে পড়ে এবং উত্তরগুলি একই হয়।
তারপরে মাইকের মন্তব্যের সাথে নিম্নলিখিতগুলি লিঙ্ক করা উচিত । যেহেতু তাদের অ্যাঙ্কর পয়েন্ট382094
স্পষ্ট করার জন্য, আপনি কেবল অ্যাঙ্করটি খুঁজে পেতে এবং #
আপনার লিঙ্কের পরে যুক্ত করতে পারেন ।
/superuser/382047/linking-to-a-specific-scroll-position-on-a-web-page#question-header
/superuser/382047/linking-to-a-specific-scroll-position-on-a-web-page#answers
/superuser/382047/linking-to-a-specific-scroll-position-on-a-web-page#880079
এগুলি আপনাকে একই পৃষ্ঠায় বিভিন্ন স্থানে নিয়ে যাবে।
কোনও পৃষ্ঠায় একটি পিক্সেল নির্দিষ্ট অবস্থানের সাথে লিঙ্ক করতে, অ্যাঙ্কর ট্যাগটি একটি ডিভের ভিতরে রাখুন যা "শীর্ষ: এক্স বাম: y" স্থানাঙ্কগুলি ব্যবহার করে একেবারে অবস্থিত।
আপনি কোনও ওয়েবপৃষ্ঠায় নির্দিষ্ট অবস্থানের সাথে লিঙ্ক করতে সাইটাইটাইট ব্যবহার করতে পারেন এমনকি যদি এটি পজিশনে আইডি ব্যবহার না করে। এটা ব্যবহার করা সহজ। কেবলমাত্র আমি এখানে সরবরাহিত লিঙ্কটিতে গিয়ে প্রথমে উদ্ধৃতি পাঠ্য ক্ষেত্রে আপনার ওয়েবপৃষ্ঠায় যাওয়ার পরে আপনি যে পাঠ্যটি দেখাতে চান তার পেস্ট করুন এবং তারপরে উত্স URL টেক্সট ক্ষেত্রে ওয়েবপৃষ্ঠার লিঙ্কটি সরবরাহ করুন। তারপরে সিটেবাইট তৈরি করতে ক্লিক করুন। তারপরে এটি একটি লিঙ্ক তৈরি করবে। সেই লিঙ্কটি আপনার কাঙ্ক্ষিত লিঙ্ক হবে।