PDA

View Full Version : حرفه ای: اسکرول div



ashkandehnavi
دوشنبه 01 مهر 1392, 22:00 عصر
سلام به همه دوستان

من یه div دارم با عرض 500 و طول 500 داشته باشم که توش کلی عکس 64 در 64 باشه (به صورت افقی و عمودی مرتب شده) هر عکس id خودشو داره وقتی ام که تعداد عکس ها زیاد باشه scroll میشه div حالا مشکل من اینه که اگه بخوام یه عکس رو جست و جو کنم اون عکس در مرکزیت div اسکرول بشه باید چیکار کنم از چه کدی میتونم استفاده کنم؟
نمونه کدی دارید؟

jalil_gh
سه شنبه 02 مهر 1392, 11:33 صبح
شما میتونید با استفاده از پلاگین scrollTo این کار رو به زیبایی انجام بدید.
تو کد زیر container آی دی div شماست. این تابع آی‌دی عکس رو میگیره و به اون نقطه اسکرول میکنه.
function goto(id) {

var $container = $('#container');
var $target = $('#' + id);
var offset = $container.innerHeight() / 2 - $target.outerHeight() / 2;

$container.scrollTo($target, 1000, {offset: -offset});
}

ashkandehnavi
سه شنبه 02 مهر 1392, 19:19 عصر
شما میتونید با استفاده از پلاگین scrollTo این کار رو به زیبایی انجام بدید.
تو کد زیر container آی دی div شماست. این تابع آی‌دی عکس رو میگیره و به اون نقطه اسکرول میکنه.
function goto(id) {

var $container = $('#container');
var $target = $('#' + id);
var offset = $container.innerHeight() / 2 - $target.outerHeight() / 2;

$container.scrollTo($target, 1000, {offset: -offset});
}

ممنونم :لبخندساده: