通过WP中的包装器获取页面内容以滑入

Question

我正在尝试使用我的Wordpress内容，在访问主页时，导航到其他页面 - 在页面加载时使用jQuery巧妙地从顶部向下滑动。目前我有一些实现的代码，我认为应该工作，但不是。转换被忽略，只有定义的包装器中的文本内容做任何事情，它所做的只是滞后25px左右，然后重新开始，几乎就像大页面有时在慢速连接时加载一样。但这不是我的页面的问题。

这就是我所拥有的。

在header.php

中关闭</head> 之前

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js">
<script>

$(document).ready(function(){
    $("#wrapper").addClass("visible");
});

</script>

我对#wrapper及其所有风格所做的一切。

#wrapper { 
    padding: 15px;
        background: #fff;
        -moz-box-shadow: inset 0 0 5px 5px #888;
        -webkit-box-shadow: inset 0 0 5px 5px#888;
        box-shadow: inset 0 0 5px 5px #888;
        border-radius: 5px; 
       -moz-border-radius: 5px; 
       -webkit-border-radius: 5px; 
        border: 1px solid #807A7C;
}

#wrapper {

    top: -20px;
    width: 540px;
    transition: top 0.5s;
    -moz-transition: top 0.5s;
    -webkit-transition: top 0.5s;
    -o-transition: top 0.5s;
}

#wrapper.visible {
    top: 0px;
}

我缺少什么？

Answer 1

这可能与您隐藏内容的方式有关。你可能最好只使用jQuery通过摆脱“顶部”和过渡来显示动画内容，而不是做

$(document).ready(function(){
    $("#wrapper").show("slow",function(){});
});