我对这个问题一直不知所措但却无法理解。
我想基于title
属性滚动到一个元素,在我的例子中,元素是h3
标记。 html看起来像这样:
<div id="site_somesite.com" class="wrapperSite">
<h2 class="siteName">somesite.com</h2>
<div class="placementWrapper">
<h3 class="placementName" title="above_01"> above_comments_01</h3>
</div>
<div class="placementWrapper">
<h3 class="placementName" title="above_02"> above_comments_02</h3>
</div>
</div>
<div id="site_anothersite.com" class="wrapperSite">
<h2 class="siteName">anothersite.com</h2>
<div class="placementWrapper">
<h3 class="placementName" title=below_01"> above_comments_01</h3>
</div>
<div class="placementWrapper">
<h3 class="placementName" title="below_02"> above_comments_02</h3>
</div>
</div>
我的jQuery函数是:
function scrollToPlacement(placementName){
var target = $('h3[title~="'+ placementName + '"]').offset().top - 100;
$("#wrapper").scroll();
$("#wrapper").animate({ scrollTop: target});
}
现在,我无法弄清楚模式,但它不起作用......有时它向上滚动,有时向下滚动。知道实施这个的方式有什么问题吗?