2

我正在用 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 。

感谢您的时间、精力和知识!

4

0 回答 0