Question

我需要根据浏览器高度调整页面加载时div的顶部绝对位置。但是我的代码不起作用，尽管我从几个stackoverflow帖子中得到了它的一部分。但我不是程序员。代码如下所示：

<script type="text/javascript"> /* place title higher for small screen */
window_size = $(window).height();
$(window).load(function() {
if(window_size < 800) {
     $('#frontbildtitle').css('top': 100);
     }
});
</script>

我在这里做错了什么？

Answer 1

您可以使用media queries使用纯CSS执行此操作。例如：

.frontbildtitle {
  top:50px;
}

@media screen and (min-height:600px){
  .frontbildtitle {
    top:100px;
  }
}

另外，请注意我使用了frontbildtitle的类名而不是ID。 CSS的性能更好。 ID更适合JS性能。

Answer 2

<script type="text/javascript"> /* place title higher for small screen */
    window_size = $(window).height();
    $(window).load(function() {
    if(window_size < 800) {
        $('#frontbildtitle').css('top', 100);
    }
});
</script>

应该工作

编辑：

您可以通过两种方式使用.css方法：

$("#myId").css("color", "red")，作为JS函数中的参数，其中第一个是键，第二个是值（你只能用这种方式修改一个）
$("#myId").css({color:"red"})作为您可以根据需要修改为值的对象

更丰富的例子：

var myColor = "red";
$("#myId").css({
    color : myColor,
    "text-align": "center"
});

注意用“ - ”引用键，否则会引发错误

jQuery.css()

的所有详细信息

如果窗户高度<改变css

2 个答案: