আমার পৃষ্ঠাটি লোড হয়ে যাওয়ার পরে। আমি চাই যে জেকিউয়ারি পৃষ্ঠার নীচে সুন্দরভাবে স্ক্রোল করুক, দ্রুত অ্যানিমেটেড, কোনও স্ন্যাপ / ঝাঁকুনি নয়।
আমি কি এর ScrollTo
জন্য প্লাগইন চাই ? বা এটি কিছুটা কীভাবে jQuery তে অন্তর্নির্মিত?
আমার পৃষ্ঠাটি লোড হয়ে যাওয়ার পরে। আমি চাই যে জেকিউয়ারি পৃষ্ঠার নীচে সুন্দরভাবে স্ক্রোল করুক, দ্রুত অ্যানিমেটেড, কোনও স্ন্যাপ / ঝাঁকুনি নয়।
আমি কি এর ScrollTo
জন্য প্লাগইন চাই ? বা এটি কিছুটা কীভাবে jQuery তে অন্তর্নির্মিত?
উত্তর:
আপনি scrollTop
সম্পত্তিটি অ্যানিমেট করে কেবল পৃষ্ঠাটি স্ক্রোল করতে অ্যানিমেট করতে পারেন , এর মতো কোনও প্লাগইন প্রয়োজন নেই:
$(window).load(function() {
$("html, body").animate({ scrollTop: $(document).height() }, 1000);
});
পরিবর্তে window.onload
(যখন চিত্রগুলি লোড করা হয় ... যা উচ্চতা দখল করে থাকে) এর ব্যবহারটি দ্রষ্টব্য document.ready
।
প্রযুক্তিগতভাবে সঠিক হতে আপনাকে উইন্ডোর উচ্চতা বিয়োগ করতে হবে, তবে উপরের কাজগুলি:
$("html, body").animate({ scrollTop: $(document).height()-$(window).height() });
কোনও নির্দিষ্ট আইডিতে স্ক্রোল করতে .scrollTop()
, এর মতো এটি ব্যবহার করুন :
$("html, body").animate({ scrollTop: $("#myID").scrollTop() }, 1000);
$("html, body").animate({ scrollTop: $("#myID").offset().top }, 1000);
$(document).height()
জন্য একটি মূল্য খুব দুর্দান্ত scrollTop
, আপনি নমনীয়তা দ্বারা লক্ষ্য করতে পারেন। আমি মনে করি $(document).height() - window.innerHeight
ঠিক আছে।
এটার মতো কিছু:
var $target = $('html,body');
$target.animate({scrollTop: $target.height()}, 1000);
$('html,body').animate({ scrollTop: 9999 }, 'slow');
এটির মতো সহজ, 9999 পৃষ্ঠার উচ্চতা ... বড় পরিসর যাতে এটি নীচে পৌঁছতে পারে।
পূর্ববর্তী উত্তরে বর্ণিত স্ক্রিপ্টগুলি যেমন:
$("body, html").animate({
scrollTop: $(document).height()
}, 400)
কাজ করবে না এ ক্রোম এবং লাফানে হতে হবে সাফারি ক্ষেত্রে html
ট্যাগে সিএসএস হয়েছে overflow: auto;
সম্পত্তি সেট। এটি জানতে আমার প্রায় এক ঘন্টা সময় লেগেছে।
JQuery 3 এর জন্য, দয়া করে পরিবর্তন করুন
window (উইন্ডো) .লোড (ফাংশন () {$ ("এইচটিএমএল, বডি") an
প্রতি:
$ (উইন্ডো) .অন ("লোড", ফাংশন (ঙ) {$ ("এইচটিএমএল, দেহ") an
function scrollToBottom() {
$("#mContainer").animate({ scrollTop: $("#mContainer")[0].scrollHeight }, 1000);
}
এটি আমার কাছ থেকে সমাধানের কাজ এবং আপনি খুঁজে পান, আমি নিশ্চিত
JS
var el = document.getElementById("el");
el.scrollTop = el.scrollHeight - el.scrollTop;
$('#pagedwn').bind("click", function () {
$('html, body').animate({ scrollTop:3031 },"fast");
return false;
});
এই সমাধানটি আমার পক্ষে কাজ করেছিল। এটি পেজ স্ক্রোল ডাউনে দ্রুত কাজ করছে।