উত্তর:
"বাইরে maxes" Div (উচ্চতা পরিবর্তে উচ্চতা স্ক্রল করে নিচে এটা - অন্যান্য সমাধানের এখানে বিষয়বস্তু প্রচুর সঙ্গে আছে divs জন্য কাজ না আসলে কি বিষয়বস্তু এর div)। সুতরাং তারা কাজ করবে, যদি না আপনি এর ভিতরে থাকা সামগ্রীতে ডিভের উচ্চতা দ্বিগুণের বেশি না করেন।
এখানে সঠিক সংস্করণ:
$('#div1').scrollTop($('#div1')[0].scrollHeight);বা jQuery 1.6+ সংস্করণ:
var d = $('#div1');
d.scrollTop(d.prop("scrollHeight"));বা অ্যানিমেটেড:
$("#div1").animate({ scrollTop: $('#div1').prop("scrollHeight")}, 1000);div1?
d = $('#div1'); $(d).scrollTop( $(d).prop("scrollHeight") );
বর্তমানে "গৃহীত" একটি সহ আমি এখানে যে সমস্ত উত্তর দেখতে পাচ্ছি সেগুলি সেগুলিতে আসলেই ভুল:
scrollTop = scrollHeightযেখানে সঠিক পদ্ধতির সেট করতে হবে:
scrollTop = scrollHeight - clientHeightঅন্য কথায়:
$('#div1').scrollTop($('#div1')[0].scrollHeight - $('#div1')[0].clientHeight);বা অ্যানিমেটেড:
$("#div1").animate({
scrollTop: $('#div1')[0].scrollHeight - $('#div1')[0].clientHeight
}, 1000);আপডেট: সম্পূর্ণ উত্তরের জন্য মাইক টডের সমাধান দেখুন ।
$("#div1").animate({ scrollTop: $('#div1').height()}, 1000);যদি আপনি এটি অ্যানিমেটেড করতে চান (1000 মিলিসেকেন্ডেরও বেশি)।
$('#div1').scrollTop($('#div1').height())যদি আপনি এটি তাত্ক্ষণিক চান।
$(window).load(function() {
$("html, body").animate({ scrollTop: $(document).height() }, 1000);
});এটি পৃষ্ঠার উচ্চতা ধরে ফেলবে এবং উইন্ডোটি লোড হয়ে গেলে এটি নীচে স্ক্রোল করে। 1000একবার পৃষ্ঠা প্রস্তুত হয়ে গেলে আপনার এটির দ্রুত / ধীর গতিতে যা করতে হবে তা পরিবর্তন করুন ।
এটা চেষ্টা কর:
$('#div1').scrollTop( $('#div1').height() )টার্গেট ডিভের নীচে উইন্ডোটি স্ক্রোল করুন।
function scrollToBottom(id){
div_height = $("#"+id).height();
div_offset = $("#"+id).offset().top;
window_height = $(window).height();
$('html,body').animate({
scrollTop: div_offset-window_height+div_height
},'slow');
}
scrollToBottom('call_div_id');এগুলির কোনওটিই আমার পক্ষে কাজ করেনি, আমার কাছে ওয়েব অ্যাপের ভিতরে একটি বার্তা সিস্টেম রয়েছে যা ফেসবুক মেসেঞ্জারের অনুরূপ এবং বার্তাগুলি একটি ডিভের নীচে উপস্থিত হওয়া চাইত।
এটি একটি ট্রিট, বেসিক জাভাস্ক্রিপ্ট কাজ করেছে।
window.onload=function () {
var objDiv = document.getElementById("MyDivElement");
objDiv.scrollTop = objDiv.scrollHeight;
}আমি কোনও লিগ্যাসি কোডবেসে ভিউতে মাইগ্রেট করার চেষ্টা করছি।
আমার নির্দিষ্ট পরিস্থিতিতে (একটি স্ক্রোলযোগ্য ডিভ বুটস্ট্র্যাপ মডেলটিতে আবৃত), একটি ভি-যদি নতুন সামগ্রী দেখায়, যা আমি পৃষ্ঠাটি নীচে স্ক্রোল করতে চেয়েছিলাম। এই আচরণটি কাজ করার জন্য, আমাকে পুনরায় রেন্ডারিং শেষ করার জন্য ভয়ের অপেক্ষা করতে হয়েছিল, এবং তারপরে মডেলের নীচে স্ক্রোল করতে jQuery ব্যবহার করতে হবে।
তাই ...
this.$nextTick(function() {
$('#thing')[0].scrollTop = $('#thing')[0].scrollHeight;
})পৃষ্ঠার লোডে ডিভের নীচে স্ক্রোল করতে আপনি নীচের কোডটি ব্যবহার করতে পারেন।
$(document).ready(function(){
$('div').scrollTop($('div').scrollHeight);
});আপনি নীচের কোডের মত ডিভের নীচে স্ক্রোল করতে স্ক্রোলটপ সহ স্ক্রোলহাইট এবং ক্লায়েন্টহাইট পরীক্ষা করতে পারেন।
$('#div').scroll(function (event) {
if ((parseInt($('#div')[0].scrollHeight) - parseInt(this.clientHeight)) == parseInt($('#div').scrollTop()))
{
console.log("this is scroll bottom of div");
}
});পৃষ্ঠাটি লোড হওয়ার পরে স্ক্রোলটি সর্বাধিক মান।
এটি বার্তা বাক্স যখন ব্যবহারকারী বার্তা প্রেরণ করেন তখন সর্বদা সর্বশেষতম চ্যাটটি নীচে দেখান যাতে স্ক্রোলটির মান সর্বদা সর্বোচ্চ হয়।
$('#message').scrollTop($('#message')[0].scrollHeight);