如何转到页面上的特定元素?

在我的HTML页面上,我希望能够“转到” /“滚动到” /“关注”页面上的元素。

通常,我会使用带有的锚标记href="#something",但是我已经在使用hashchange事件和BBQ插件来加载此页面。

那么,是否还有其他方法可以通过JavaScript使页面转到页面上的给定元素?

这是我要执行的操作的基本概述:

function focusOnElement(element_id) {

$('#div_' + element_id).goTo(); // need to 'go to' this element

}

<div id="div_element1">

yadda yadda

</div>

<div id="div_element2">

blah blah

</div>

<span onclick="focusOnElement('element1');">Click here to go to element 1</span>

<span onclick="focusOnElement('element2');">Click here to go to element 2</span>

回答:

插件形式的标准技术如下所示:

(function($) {

$.fn.goTo = function() {

$('html, body').animate({

scrollTop: $(this).offset().top + 'px'

}, 'fast');

return this; // for chaining...

}

})(jQuery);

然后,您可以说$('#div_element2').goTo();滚动到<divid="div_element2">。选件处理和可配置性留给读者练习。

以上是 如何转到页面上的特定元素? 的全部内容, 来源链接: utcz.com/qa/407489.html

回到顶部