使用 JQuery 打开面板时移动焦点

Question

在以下网站上，我有两个隐藏的面板，分别标有“显示地图”和“显示平面图”。

当点击每个标题时，滑动面板打开。

平面图很长，因此会低于页面视图。有没有办法将焦点保持在面板的底部，以便在单击它时可以看到整个窗口打开，从而避免滚动？

开发链接是：http://marldon.staging.dante-studios.com/property.php

提前致谢。

Answer 1

我相信您正在寻找的是scrollIntoView 方法：

$("#foo").show()[0].scrollIntoView(false);

传递false 的值会将#foo 的底部滚动到视口的底部。传递 true 或不传递任何值会使顶部与顶部对齐。

standards-friendly browsers 和 Internet Explorer 都支持此方法。