Javascript 在jquery切换中将最近选择的对象滚动到页面顶部
在切换打开几个部分后,我在窗口底部附近有一个标题,如果我单击它,它会打开,但内容在视图之外。我想标题滚动到顶部,以便可以看到内容。我一直在尝试scrollTo和scrollIntoView,但还没有任何运气 开关Javascript 在jquery切换中将最近选择的对象滚动到页面顶部,javascript,jquery-plugins,jquery,Javascript,Jquery Plugins,Jquery,在切换打开几个部分后,我在窗口底部附近有一个标题,如果我单击它,它会打开,但内容在视图之外。我想标题滚动到顶部,以便可以看到内容。我一直在尝试scrollTo和scrollIntoView,但还没有任何运气 开关 $(document).ready(function(){ $(".toggle_container").hide(); $("h2.trigger").click(function(){ $(this).toggleClass("active
$(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>
使页面滚动到顶部。这不是创建空链接的正确方法。用途:。为什么你要把点击事件放在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");
});
});
感谢您在创建空链接时提供的指针,我一直都是这样做的。H2上的点击事件与我所找到的教程中的方式完全相同,只是试图在更改他们所做的事情之前让功能正常工作。你的建议似乎是有效的,几乎,当我切换打开一个部分时,它不起作用,当我切换关闭一个部分时,它会上升然后关闭,就像我希望的那样。