javascript - 如何在javascript中给出宽度？

Question

我的粘性侧边栏有点问题。当我向下滚动时，宽度会自动变宽，我不知道为什么。

我的侧边栏 CSS 看起来像这样:

.wrapper-sticky {
    height: 332px;
    width: 31.66%;
    margin: auto;
    position: relative;
    float: right;

}
.sidebar {
    display:inline-block;
    border-style:solid;
    border-width:1px;
    border-color:gray;
    margin: 0;
    z-index: 999;
    word-spacing: 30px;
    padding: 1em;
}

我的 javascript 是这样的:

$(function () {
    var navHeight = $('.sticky').outerHeight(true);
    $('.js-sticky').stickToTop({
        offset: {
            top: 70
        }
    });
});

我给了它 2 个脚本链接:

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://sdbondi.github.io/jquery-totop/jquery-sticktotop.js"></script>

所以我想也许你可以在 javascript 中给出宽度？但是怎么办？!

Answer 1

你的问题是，你的宽度是百分比。如果您以 px 为单位设置固定宽度，则它不会调整大小。 CSS 看起来像这样:

.wrapper-sticky { width: 275px !important; }