Question

我已经解决了标题中指定的问题。不幸的是它只适用于Chrome，我无法弄清楚原因。这是我的代码：

$(document).ready( function() {

$("span[title]").click(function() {
$('body', 'html').animate({scrollTop: $("#" + $(this).attr('title')).offset().top - 60}, "slow");
return false;
});

});

Demo：点击工具栏（底部的齿轮图标）。然后点击“Nach oben”或“Nach unten”。

Answer 1

更新了答案 - FIDDLE。

单击顶部的任何文本，它会将页面的该子部分放在窗口的顶部。

观看控制台，您可以看到它正在做什么。

JS

$("div").on('click', function() {
   var divclass = $(this).attr('class');
     console.log('divclass = ' + divclass);
   var x = $('#' + divclass).offset().top;
     console.log(x);
   $('html,body').animate({scrollTop: x}, 500);
   return false;
});

以下是为点击制作div / span / etc的代码 - 只需添加一个名称=＆＃39;链接＆＃39;到元素。

$("div[name='link']").on('click', function() {
   var divclass = $(this).attr('class');
     console.log('divclass = ' + divclass);
   var x = $('#' + divclass).offset().top;
     console.log(x);
   $('html,body').animate({scrollTop: x}, 500);
   return false;
});

jQuery：点击span [title]时滚动到id #span [title]

1 个答案: