#jquery #jquery-animate
#jquery #jquery-анимировать
Вопрос:
Анимировать jQuery на той же странице и другой странице.
var jump=function(e)
{
if (e){
var $height = -100;
e.preventDefault();
var target = $(this).attr("href");
}else{
var $height = 300;
var target = location.hash;
}
$('html, body').animate({
scrollTop: $(target).offset().top $height
},1500,function()
{
location.hash = target;
});
}
$(document).ready(function(e) {
$('.navbar-nav .menu-item-type-custom a[href^=#], .offer-sidebar .menu-item-type-custom a[href^=#]').bind("click", jump);
if (location.hash){
setTimeout(function(){
window.scrollTo(0, 0);
$('html, body').scrollTop(0).show()
jump()
}, 1);
}
});
<div class="nav">
<a href="http://www.exmaple.com/"> Home </a>
<a href="http://www.exmaple.com/contact"> Contact </a>
<a href="#footer"> Footer </a> // working fine
<a href="http://www.exmaple.com/#aboutus"> About us </a> // Not work
</div>
На домашней странице aboutus будет прокручивать раздел «О нас» на той же странице (не работает), а на странице контактов он работает, и перейти на домашнюю страницу прокрутите до раздела «О нас».
Может ли кто-нибудь помочь работать с полным URL на той же странице и другой странице?
Комментарии:
1. Нет необходимости в / there
<a href="http://www.exmaple.com#footer"> Footer </a>
// будет работать2. Пожалуйста, смотрите мой вопрос редактировать.
Ответ №1:
нет необходимости в /
необходимости перед именем привязки
Вы создаете якорь с
<div id="footer">Footer</div>
и обратитесь к нему позже с
<a href="http://www.exmaple.com#footer">Footer </a> // will work