জেকুয়েরি জাভাস্ক্রিপ্ট এঙ্গুলার এইচটিএমএল সিএসএস বুটস্ট্রাপ
লগইন
 

জেকুয়েরি scrollLeft() মেথড


« জেকুয়েরি এইচটিএমএল/সিএসএস মেথডসমূহ


সংজ্ঞা এবং ব্যবহার

scrollLeft() মেথড নির্বাচিত এলিমেন্টের আনুভুমিক স্ক্রলবার অবস্থান সেট করে অথবা রিটার্ণ করে

পরামর্শঃ যখন স্ক্রলবারটি উপরে থাকে, তখন অবস্থান শূন্য হয়।

যখন পজিশন রিটার্ন করার জন্য ব্যবহার করি:
এই মেথড প্রথম মিলকৃত এলিমেন্টের জন্য আনুভুমিক স্ক্রলবারের অবস্থান রিটার্ন করে।

যখন অবস্থান সেট করতে ব্যবহার করতে ব্যবহার করা হয়:
এই মেথড সকল মিলকৃত এলিমেন্টের আনুভুমিক স্ক্রলবার অবস্থান সেট করে।


সিনট্যাক্স ও ব্যাখ্যা

অনুভুমিক স্ক্রলবার রিটার্ন:

$(selector).scrollLeft()

অনুভুমিক স্ক্রলবার সেট:

$(selector).scrollLeft(position)

প্যারামিটার ও তাদের ভ্যালু

নিচের টেবিলে scrollLeft() মেথডে ব্যবহৃত প্যারামিটার এবং প্যারামিটারের সম্ভাব্য ভ্যালু গুলো দেখানো হলোঃ

প্যারামিটার বিবরণ
content আনুভুমিক স্ক্রলবার অবস্থান pixel এ উল্লেখ করে।

উদাহরণ

<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>জেকুয়েরির উদাহরণ</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
 <script>
$(document).ready(function(){
    $("button").click(function(){
        alert($("div").scrollLeft() + " px");
    });
});
</script>
</head>
<body>

<div style="border:1px solid black;width:100px;height:130px;overflow:auto">
ইংরেজি ডিকশনারিতে সবচেয়ে দীর্ঘতম শব্দ: pneumonoultramicroscopicsilicovolcanoconiosis.
</div><br>

<button>স্ক্রলবারের অনুভূমিক পজিশন রিটার্ন করে।</button>
<p>স্ক্রলবারটি ডানে মুভ করে বাটনে আবার ক্লিক করুন।</p>

</body>
</html>

ফলাফল




উদাহরণ

অনুভুমিক স্ক্রলবার সেট

একটি এলিমেন্টের জন্য কিভাবে অনুভুমিক স্ক্রলবার সেট করা হয়।

উদাহরণ

<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>জেকুয়েরির উদাহরণ</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
 <script>
$(document).ready(function(){
    $("button").click(function(){
        $("div").scrollLeft(100);
    });
});
</script>
</head>
<body>

<div style="border:1px solid black;width:100px;height:130px;overflow:auto">
ইংরেজি ডিকশনারিতে সবচেয়ে দীর্ঘতম শব্দ হলো: pneumonoultramicroscopicsilicovolcanoconiosis.
</div><br>

<button>আনুভূমিক স্ক্রলবারটি ১০০ পিক্সেলে সেট করুন</button>

</body>
</html>

ফলাফল




« জেকুয়েরি এইচটিএমএল/সিএসএস মেথডসমূহ