javascript - onclick 在页面上查找文本并滚动到它

Question

我有一个带有在线商店的网站，该网站已嵌入并自动填充，因此我无法访问实际代码。当商店填充时，它会将我的所有元素与单独元素类别的标题一起编译。

我的想法是构建一个菜单，使用 onclick 函数在页面上查找一些文本(元素类别标题)并向下滚动到该类别，因为我不能简单地使用 <section>或滚动至 div按 ID。

这是现在的网站:www.monumentalmarketingllc.com/storetest

我目前正在努力使它正常工作，但运气不佳:

<a href="#" onclick="beerequipment()">BEER</a>

<script>
    function beerequipment() {
        $(window).scrollTop($("*:contains('BEER EQUIPMENT'):last").offset().top);
    }
</script>

Answer 1

您的问题是 a 标记会因为 # href 而将页面保持在顶部。尝试将其更改为按钮或其他一些元素:

<button onclick="beerequipment()">BEER</button>

http://jsfiddle.net/u32me/