Question

这个问题与我之前的问题有关

所以首先当页面加载浮动div出现在左边：0，顶部：0并且在一些延迟之后它将被移动到根据$（document）中定义的逻辑的位置.ready（）

所以问题是如何避免这种行为我能做些什么来避免这种情况？

是否有任何方式美化加载此类内容，仅在$（document）.ready（）之后显示内容？

Answer 1

您可以将display:none添加到相关<div>的样式中（在静态CSS中），从JS（display:block或$('#divid').fadeIn()切换到$('#divid').show()例如）一旦准备就绪。

从上一个问题中提取HTML / CSS：

<div id="twitter-right-vrtical" style="position: fixed; bottom: 415px; right: 446px; display: none">
    <img src="/Content/themes/start/images/twitter.png" title=""/>
</div>

使用Javascript：

$(function () {
    //set new position
    $('#twitter-right-vrtical').css({'top' : newTop, 'left': newLeft}).fadeIn();
});

Answer 2

或者您可以使用jquery“.animate()”来移动更多花哨的

执行$（document）.ready（）后跳转内容

2 个答案: