使用jQuery填充div - 屏幕移位问题

我正在使用jQuery在aspx页面中填充div元素。它正在工作，但有负面影响。使用jQuery填充div - 屏幕移位问题

页面加载和分区是小...然后当jquery运行页面下移1行高度~12pt的。这使得页面看起来就像在加载后上下移动一样。

我可以使div的高度不变（这有助于）但是有没有办法让div在页面加载之前加载它的内容？（避免此页移效应）

THX

2010-11-04 David

是的，你可以包括与页面的其余部分的内容。然后你应该设置CSS属性的可见性等于“隐藏”。然后，使用JavaScript，将可见性属性更改为等于“可见”。

下面是使用jQuery一个简单的例子：

<div id="container" style="visibility: hidden;"> 
<!-- Content is in here --> 
</div> 

<script type="text/javascript"> 

function eventWasTriggered(){ 
    $("#container").css("visibility", "visible"); 
} 

</script>

希望帮助:-)

附：你并不是真的想像我那样使用内联样式，只是举个例子。

来源

2010-11-04 00:19:45

是的，这就是我一直在做的事情，但问题是，只要我改变它的可见性，就会将页面向下移动（为内容腾出空间）。我正试图避免这种换页效应。在这种情况下，div是一行横跨页面（不是在页面上的某个空间分配区域），这导致了问题。 – David 2010-11-04 16:37:45

你使用显示属性还是可见性属性？如果您使用可见性，无论其可见还是隐藏，它都应占用相同的空间量。如果你使用显示器，它应该引起你正在谈论的转变。 – 2010-11-05 00:10:07

使用jQuery填充div - 屏幕移位问题

回答

相关问题