Question

当使用Zurb的Foundation 5中的手风琴时，当应用“active”类来显示内容时，它会使滚动条跳转。这会导致视频显示部分截止。我想滚动窗口，以便“活动”div位于视口的中心。这样，当在手风琴中导航时，视频始终居中。任何建议和帮助非常感谢。 http://rmaguns.com/shoot-guns.html处的示例。一直滚动到最后一个手风琴（爆炸目标）并单击它。当它打开时，它显示视频部分切断。关于如何在视口中居视频的任何建议都将成为我的一天！

Answer 1

我做了一些研究，你可能能够适应这种情况。你需要将它放在你的：

中

jQuery(document).ready(function() {

jQuery('.active').click(function() {
    var viewportWidth = jQuery(window).width(),
        viewportHeight = jQuery(window).height(),
        $foo = jQuery('#foo'),
        elWidth = $foo.width(),
        elHeight = $foo.height(),
        elOffset = $foo.offset();
    jQuery(window)
        .scrollTop(elOffset.top + (elHeight/2) - (viewportHeight/2))
        .scrollLeft(elOffset.left + (elWidth/2) - (viewportWidth/2));
});

});

如何将页面滚动到手风琴内容的中心？

1 个答案: