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']);

我的会话在我的index.php页面中回显，其中包含我的jquery.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节点引用，而不是jQuery对象。另请注意大写：

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

http://jsfiddle.net/2gazue6d/

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

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

1 个答案: