单击在特定点导航到其他页面

时间:2016-10-16 07:53:02

标签: javascript jquery hash jquery-cookie

单击第1页中的链接时,应该在特定点转到第2页。我尝试过使用cookies,hashtags ..它不起作用。有没有人对我如何做到这一点有任何建议?

jQuery('.acco').click(function() { // Page - 1
    jQuery('body.page-id-2').animate({ // Page - 2
        scrollTop: jQuery('a#example').offset().top
    }, 1000);    
});

我使用过settimeout。它工作正常。但问题是再一次,如果我们刷新页面,它会向下滚动。仅在单击第1页链接时,它应在第2页滚动。这是代码。

jQuery(document).ready( function() {
    setTimeout(function() {     
        jQuery('body.page-id-2').animate({            
            scrollTop: jQuery('a#example').offset().top
        }, 1000);    
    }, 2000);
});

2 个答案:

答案 0 :(得分:1)

要通过查找哈希拉来将页面设置为特定位置的动画,您可以使用以下代码。

jQuery(window).load(function(){
    if(window.location.hash == '#example'){
        jQuery('html,body').animate((
              scrollTop: jQuery('#example').offset().top
         }, 1000);
     }
});

答案 1 :(得分:1)

要解决有关页面刷新的问题,您需要在第1页设置cookie,在第2页中检查此cookie,如果找到它,则滚动页面并删除co​​okie,否则,什么也不做