我的粘性侧边栏有点问题。当我向下滚动宽度时,自动变宽,我不知道究竟是为什么。
我的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中给出宽度?但是如何?!
答案 0 :(得分:0)
您的问题是,您的宽度是百分比。如果在px中设置固定宽度,则不会调整大小。 CSS看起来像这样:
.wrapper-sticky { width: 275px !important; }