0

我正在尝试创建一个带有内部跳线链接的页面，以跳转到同一页面中的特定锚标签或标题标签。

我希望跳线链接在滚动时固定在顶部，并在到达页脚时与页脚一起滚动。

当我单击任何快速链接时，我想滚动到特定链接而不刷新页面。

我也想突出显示当前正在滚动的锚链接..

我试图这样做，但这是我想出的..

function goToByScroll(hash) {
$(document.body).animate({
    'scrollTop':   $(hash).offset().top
}, 500);
   }

 var $links = $('#links');
 var $content = $('#content');
 height = $(window).height();

 $(window).scroll(function(){

if ($(window).scrollTop() >= height ){

    $links.css({ position:'fixed', top:'70px'});
    $content.css({ marginLeft: '80px'});

} else {

    $links.css({ position:'relative'});
    $content.css({ marginLeft: '9px'});

}

});

// http://jsfiddle.net/MfS3J/13/

基本上我想创建类似 Galaxy s4 评论的东西 - 边缘

4

2 回答 2

0

这是你想要的吗？http://jsfiddle.net/MfS3J/15/，你问了这么多问题。
您可以使用

<a href="#jump_1">header 1</a>

跳

<a name="jump_1"></a>

而不是js函数

于 2013-05-04T14:05:38.033 回答
0

您可以使用 jQuery Waypoint 插件http://imakewebthings.com/jquery-waypoints/

使用此插件，您可以在窗口顶部（或底部）到达某个元素时触发事件。

例如

$('#id_of_container').waypoint(function(direction) {
  if(direction=='down'){
    $(this).css('position','fixed');
  } else {
    $(this).css('position','');
  }
});
于 2013-05-04T12:08:05.843 回答