প্রস্নের উত্তরঃ পর্ব-১

প্রশ্নঃ

    কোনও মেনু আইটেম এর লিঙ্ক হিসেবে কোনও ডিভ আইডি দিলে ওই মেনু আইটেম এ ক্লিক করলে ওই ডিভ টি আসে। কিন্তু আমি চাচ্ছি যে ডিভ টি খুব আস্তে এনিমেটেড হয়ে আসুক। এটা কিভাবে করবো? প্লিজ এক্সপার্ট ভাইয়েরা হেল্প করুন।



উত্তরঃ

আপনার এইচটিএমএল টেমপ্লেট এর ফুটারে এই কোডটি দিয়ে দিন। আর কিছু করতে হবে না।

*নিচে দেখুন এক জায়গায় 1200 লিখা আছে, ঐ খানে মান পরিবর্তনের মাধ্যমে গতি কমাতে/বাড়াতে পারবেন।



$(document).ready(function(){

$('a[href*=#]:not([href=#])').click(function() {

if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {

var target = $(this.hash);

target = target.length ? target : $('[name=' + this.hash.slice(1) +']');

if (target.length) {

$('html,body').animate({

scrollTop: target.offset().top

}, 1200);

return false;

}

}

});

});