首頁猿問如何轉(zhuǎn)到頁面上的特定元素？

如何轉(zhuǎn)到頁面上的特定元素？

JavaScript JQuery Html/CSS

慕標(biāo)琳琳 2019-07-30 11:14:46

如何轉(zhuǎn)到頁面上的特定元素？在我的HTML頁面上，我希望能夠“轉(zhuǎn)到”/“滾動到”/“關(guān)注”頁面上的元素。通常情況下，我會使用帶有a的錨標(biāo)記href="#something"，但我已經(jīng)使用hashchange事件和BBQ插件來加載此頁面。那么有沒有其他方法，通過JavaScript，讓頁面轉(zhuǎn)到頁面上的給定元素？這是我正在嘗試做的基本概述：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>

查看完整描述

3 回答

www說

TA貢獻(xiàn)1775條經(jīng)驗(yàn) 獲得超8個贊

插件形式的標(biāo)準(zhǔn)技術(shù)看起來像這樣：

(function($) {
    $.fn.goTo = function() {
        $('html, body').animate({
            scrollTop: $(this).offset().top + 'px'
        }, 'fast');
        return this; // for chaining...
    }})(jQuery);

然后你可以說$('#div_element2').goTo();滾動到<div id="div_element2">。選項(xiàng)處理和可配置性留給讀者練習(xí)。

反對回復(fù) 2019-07-30

慕慕森

TA貢獻(xiàn)1856條經(jīng)驗(yàn) 獲得超17個贊

如果元素當(dāng)前在頁面上不可見，則可以使用本機(jī)scrollIntoView()方法。

$('#div_' + element_id)[0].scrollIntoView( true );

其中的true意思是與頁面頂部對齊，并false與底部對齊。

否則，有一個scrollTo()插件的jQuery就可以使用。

或者只是得到top position()^（文檔）的元素，并設(shè)置scrollTop()^（文檔）到該位置：

var top = $('#div_' + element_id).position().top;$(window).scrollTop( top );

反對回復(fù) 2019-07-30

3 回答
0 關(guān)注
610 瀏覽

關(guān)注

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

如何轉(zhuǎn)到頁面上的特定元素？

如何轉(zhuǎn)到頁面上的特定元素？

3 回答

相關(guān)問題推薦

添加回答

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

熱搜

最近搜索清空

如何轉(zhuǎn)到頁面上的特定元素？

如何轉(zhuǎn)到頁面上的特定元素？

3 回答

相關(guān)問題推薦

添加回答

如何轉(zhuǎn)到頁面上的特定元素？

如何轉(zhuǎn)到頁面上的特定元素？