Question

我想在按下按钮时将全屏div（可折叠自举）放在当前屏幕位置的顶部。此按钮位于页面中间的某个位置，因此我必须知道文档的当前顶部，因为用户已滚动页面。

我的CSS：

#overlayThema{
    position:absolute;
    background-color: silver;
}

我的HTML看起来像这样：

<!-- fullscreen div: -->
<div class="collapse" id="overlayThema">
   some content  
</div>

<!-- button which triggers the collapsable item: -->
<button id="poiThema" class="btn btn-default " data-toggle="collapse" data-target="#overlayThema"><?php echo $themaNaam; ?></button><br />

我的Jquery（就在关闭正文标记之前）：

<script>
$(document).ready(function(){
    var screenTop = $(document).scrollTop();
    $('#overlayThema').css('top', screenTop);
});
</script>

遗憾的是，这不起作用。当我从JQuery脚本输出'top'变量到控制台时，我得到'window object'的值。不是整数。我经常上网。我认为这应该有效。我在这里做错了什么？

Answer 1

实现目标的最佳方法是使用position: fixed;而不是使用jQuery过度复杂化简单的想法：）

将div放在屏幕的当前顶部

1 个答案: