Question

为什么这不能在窗户的骑行侧创建一个垂直的5px宽的栏？

<html>
<head runat="server">
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript">

        $(document).ready(function() {
            $("#scrollBar").css({
                height: $(window).height,
                width: 5,
                position: "absolute",                
                top: 0,
                left: $(window).width - 5,
                margin: 0
            });
        });

    </script>
</head>
<body>
    <div id="scrollBar" style="background-color: Red">test
    </div>
</body>
</html>

Answer 1

请改用：

我发现了几个问题：

而不是$(window).height，请使用$(window).height()

而不是left: $(window).width - 5，请使用right: 0

$(document).ready(function() {
    $("#scrollBar").css({
        height: $(window).height(),
        width: 5,
        position: "absolute",                
        top: 0,
        right: 0,
        margin: 0
    });
});

Answer 2

另请注意，jQuery的.width和.height应该是.width（）和.height（）。

Examples of use...

Answer 3

您可能想要为宽度添加“5px”而不是5，为高度设置$（window）.height（）+“px”和（$（window）.width（） - 5）+“px”左边。

Answer 4

通过阅读jQuery文档，您可以看到需要将css属性及其值作为字符串值。

 $("#scrollBar").css({
                'height': $(window).height(),
                'width': '5px',
                'position': 'absolute',                
                'top': '0',
                'left': $(window).width() - 5,
                'margin': '0'
            });

http://docs.jquery.com/CSS/css#properties

我不太确定如何显示这些计算值。

PS：Jonathas的高度和宽度都是函数，而不是属性。

Answer 5

而不是left: $(window).width - 5，您可以尝试right: 0。

编辑：是的，那太愚蠢了。但是，如果我没有弄错的话，那些也应该引用，如'width'：'5px',.

  $("#scrollBar").css({
    'height': $(window).height(),
    'width': '5px',
    'position': 'absolute',
    'top': 0,
    'right': 0,
    'margin': 0
  });

如何通过JQuery修改div元素的CSS属性（高度宽度）？

5 个答案: