Question

切换打开几个部分并且我在窗口底部附近有一个标题，如果我单击它，它会打开，但内容在视图之外。我希望标题滚动到顶部，以便可以看到内容。我一直在尝试使用scrollTo和scrollIntoView，但还没有运气。

切换

$(document).ready(function(){
        $(".toggle_container").hide(); 
    $("h2.trigger").click(function(){
        $(this).toggleClass("active").next().slideToggle("slow");
    });
});

内容

<h2 class="trigger"><a href="#">Link Name</a></h2> 
<div class="toggle_container"> 
    <div class="block"> 
    <h3>Need a Website?</h3> 
    <p>Consequat te olim letalis</p> 
        </div> 
</div>

Answer 1

<a href="#">Link Name</a>会导致页面滚动到顶部。这不是创建“空”链接的正确方法。使用：<a href="javascript://">Link Name</a>。为什么你把点击事件放在H2而不是A上也是令人困惑的。

以下是滚动操作的帮助：

$(document).ready(function(){
     $(".toggle_container").hide();
    $("h2.trigger").click(function(){
        window.scrollTo($(this).position().left,$(this).position().top)
        $(this).toggleClass("active").next().slideToggle("slow");
    });
});

在jquery中滚动最近选择的对象切换到页面顶部

1 个答案: