我正在用 twitter bootstrap 建立一个网站。我在页面底部创建了一个了解更多按钮,当用户单击该按钮时,它会切换一个 div。我想让窗口“scrollintoview”在部分展开后显示 div。
learnmore 按钮可以正确切换 div,但窗口不会滚动以显示 div。
我曾尝试延迟 scrollintoview,因为如果我只是立即执行 onclick:scrollintoview,我可以看到窗口想要向下滚动,但内容尚不可见。
这是我正在使用的代码。
<div id="learnmorebtn">
<div class="learnmorebutton" data-toggle="collapse" data-target="#learnmore" onclick="setTimeout('function () {"document.getElementById('learnmore').scrollIntoView()" }', 1500)"></button>
</div><!-- /#learnmorebtn -->
<div id="learnmore" class="collapse">my content</div><!-- /#learnmore -->
我遇到的问题的一个活生生的例子(没有设置超时代码)是http://www.chasedutton.com/fqbootstrap/。
我发现这个线程jquery toggle and scroll to view但是我不确定如何在切换后集成 scrollto 或 scrollintoview 。
感谢您的时间、精力和知识!