jquery - 如何通过JQuery修改div元素的CSS属性(高度宽度)?

标签 jquery css

为什么这不会在车窗的骑行侧创建一个 5 像素宽的垂直条?

<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>

最佳答案

改用这个:

我发现了几个问题:

  • 使用 $(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
        });
    });
    

关于jquery - 如何通过JQuery修改div元素的CSS属性(高度宽度)?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1303600/

相关文章:

CSS:在 h2 中定位文本

javascript - 创建自定义 slider jquery?

javascript - 无法让 javascript 滚动条在另一个页面上工作。

javascript - 将输入文本更改为 textarea 就像在 facebook 中一样

css - 如何使 bootbox.prompt 工作?

html - 制作一个 div 滚动而不是扩展以适合其内容

html - 当其他元素居中对齐时,使用 Flexbox 将页脚与页面底部对齐

javascript - RequireJS - 保护我的 jQuery 插件

javascript - 通过命名函数避免 CoffeeScript 中的重复代码

jquery - jQuery 中获取 Json 数据(对象中的对象)