javascript：如果div可见，滚动到页面顶部？

Question

我正在使用以下javascript检查我的div是否可见，然后滚动到页面顶部？

jquery.php

<script>
$(document).ready(function() {
if ($(".message_box_prompt").is(":visible"); ) {
$(".message_box_prompt").scrollintoview();       
    });
});
</script>

我的MySQL查询执行后，使用会话回显了我的div message_box_prompt：

MySQL的/ process.php

    $_SESSION['message'] = '<div class="message_box_prompt"><div class="boxclose2" id="boxclose2" style="float:right; margin:10px; cursor:pointer; cursor:hand;" onclick="this.parentNode.parentNode.removeChild(this.parentNode);">&#10006;</div><div class="message_box_text"><strong>Oooops!</strong> Your account is Limited. You cannot make changes to your account at this time.</div></div>';
header('Location: ' . $_SERVER['HTTP_REFERER']);

我的会话在包含我的jquery.php文件的index.php页面中回显

index.php：

<?php include 'jquery.php';?>
<?php if (isset($_SESSION['message'])) {
echo $_SESSION['message'];
unset($_SESSION['message']); } ?>  

目前，我的div正在通过会话显示，但是javascript无法正常工作，并且我的页面也不会滚动到显示div的页面顶部。 请有人能告诉我我要去哪里错吗？ 谢谢

Answer 1

我认为jQuery中没有scrollintoview方法。 您可以使用本机JS方法，但需要DOM Node引用，而不是jQuery对象。 另请注意大写：

$(function() {
    if ($(".message_box_prompt").is(":visible") ) {
       $(".message_box_prompt").get(0).scrollIntoView();       
    }
});

http://jsfiddle.net/2gazue6d/

如果您使用scrollIntoView jQuery插件，则大小写也很重要。