Как сделать якорь на другую страницу плавным?

Question

[Александр Коновалов]

Здравствуйте. Есть якорь:
<a href="index#top" class="togame"></a>

<script>
		$(document).ready(function() {
		$('a[href^="#"]').click(function(){
		var el = $(this).attr('href');
		$('body').animate({
		scrollTop: $(el).offset().top}, 1000);
		return false;
		});
		});
	</script>

Как сделать, чтобы он переносил плавно? Если убрать index, то плавная прокрутка работает, но мне нужно, чтобы якорь был и с других страниц сайта.

Comments

[Dark Hole]

Что-нужно то?

[Александр Коновалов]

Dark Hole: Как сделать, чтобы он переносил плавно?

[Dark Hole]

Александр Коновалов: с других страниц?

[Александр Коновалов]

Dark Hole: да, с других и на главной или на главной плавно, с других без анимации

[Dark Hole]

Александр Коновалов: всмысле с других?!

Answer 1

[IceJOKER]

$(document).ready(function() {
	$('a[href^="#"]').click(function(e){
		e.preventDefault();
		var el = $(this);
		$('body').animate({
			scrollTop: el.offset().top}, 1000);
		});
});

Comments

[Александр Коновалов]

IceJOKER спасибо за ответ! Не помогло, к сожалению

Answer 2

[Амаль Алтыбаев]

Это если вы имели ввиду когда плавную прокрутку надо сделать при переходе между страницами
например
site.name/page.php -> site.name/home.php#portfolio

document.body.scrollTop = 0;

	var window.scrolled = false;
	$(document).one('ready scroll hashchange', function(e) {
		if(window.scrolled != false || location.hash.length == 0) return;

		e.preventDefault();

		var name = location.hash.substr(1);
		var el = $('#'+name+', [name='+name+']');

		console.log(el);

		if(el.size()>0)
		{
			$('body, html').animate({
				scrollTop: el.offset().top
			}, 3000);

			window.scrolled = true;
		}

	});

Comments

[Александр Коновалов]

Амаль Алтыбаев нет анимации

[Амаль Алтыбаев]

Александр Коновалов:

Вот оттестировал используйте

[Амаль Алтыбаев]

document.body.scrollTop = 0;

var window.scrolled = false;
$(document).one('ready scroll hashchange', function(e) {
if(window.scrolled != false || location.hash.length == 0) return;

e.preventDefault();

var name = location.hash.substr(1);
var el = $('#'+name+', [name='+name+']');

console.log(el);

if(el.size()>0)
{
$('body, html').animate({
scrollTop: el.offset().top
}, 3000);

window.scrolled = true;
}

});

[Александр Коновалов]

Амаль Алтыбаев: dreamwever ругается на строку var window.scrolled = false;

Answer 3

[Eduards Vigulis]

Всегда для этого пользовался плагином jQuery.scrollTo