Показване на див и слизане до него ?

[confiscate]

Здравейте,

Имам един бутон с id=button1 и скрит див с id=design. Бутонът се намира отгоре на страницата, а скритият див някъде отдолу. Искам, когато натисна бутона да ми показва скрития див, но и да слиза до него с котва или с някаква jQuery функция. В момента използвам тази функция, но мисля, че не съм я направил по най-правилния начин за целта, защото самото слизане до дива работи само под Chrome. За показването няма никакви проблеми.

Ето и самата функция:

$(document).ready(function() {
                $('#button1').click(function() {
                    $('.web-design').slideToggle();
                    window.location.hash = "#design";
                });
            });

Благодаря предварително !

Поздрави

 

[skynet]

	function goToByScroll(id){
		id = id.replace("link", "");
		var move = $("#"+id).offset().top;
		$('html,body').animate({
			scrollTop: move},'slow');
	}

$('#button1').click(function(){
goToByScroll('design');
return false;
});

Това би трябвало да сработи ако знаев как да го настройш фъртър

 

[joTunkiq]

Така ?
[js]$(document).ready(function() {
$('#button1').click(function() {
$('.web-design').slideToggle();
$(document).scrollTop($('.web-design').position().top);
});
});[/js] :idea:

 

[confiscate]

Пак не става. Според мен защото бутона е най-горе, а дивът е някъде в дъното на страницата.

 

[joTunkiq]

Би трябвало да няма значение след като изришно си казал в скрипта че искаш да важи СЛЕД като документа зареди т.е. когато jquery има видимост до всички обекти на страницата .. освен ако не си импортирал jquery ?

Ето тук работи, смени и фунцкията да скролва до офсета, а не до позицията, защото няма да е точно, ако елемента има някакви маргини :

Демо : http://jsfiddle.net/gbjs4kgy/

<button id='button1'>asd</button>

<div id='div' style='margin-top:1500px;margin-bottom:500px;'>
    eto go .. proraboti :d
</div>

[js]$("#button1").click(function () {
var pos = $("#div").offset().top;
$(document).scrollTop(pos);
return false;
});[/js]
:?:

 

[anonimen]

Защо така усложнявате нещата със изчисляване на горен margin и offset-ове. Просто слагте $(..).click (.. div.show() ...); и готово!
:?::?:

<a id="href-to-bottom" href="#bottom">СЛЕЗ ДОЛУ</a>
<div id="bottom">ТУК Е ДОЛУ</div>

$('#href-to-bottom').click(function () {
    $('#bottom').show();
});

http://jsfiddle.net/kmesu5cf/3/