Question

我的网站上安装了hc-sticky插件，我可以使用此代码使其适用于滚动的侧边栏：

<script type="text/javascript">
jQuery(document).ready(function($){
        $('.panel-rand').hcSticky({
        stickTo: document,
        responsive: true,
        bottomEnd: 985,
        innerTop: 12,
        offResolutions: [-1200]        
    });
});
</script>

但问题是你可以看到它在窗口的左侧是如何工作的（在这个链接：http://www.cumseface.eu/viewtopic.php?t=91），当你滚动到底部时，左侧边栏不会在结束时滚动在哪个容器中。有人可以帮我解决这个问题吗？谢谢。

Answer 1

您的容器是文档而非父元素;你通过＆＃39; stickTo＆＃39;来设置它。选项。此外，＆＃39; bottomEnd：985＆＃39;意味着＆＃34;当容器底部和棒块底部之间的空间为985px时，滚动将停止＆＃34;。

因此您需要将容器更改为具有所需滚动高度的元素。最接近的是＆＃39; .post.bg2＆＃39;，但您在＆＃39; .panel-rand＆＃39;上面还有一些额外的块。它们的总高度接近65px，因此我将bottomEnd设置为70以获得补偿。

试试这个：

$('.panel-rand').hcSticky({
    stickTo: '.post.bg2',
    responsive: true,
    bottomEnd: 70,
    innerTop: 12,
    offResolutions: [-1200]        
});

如何使hc-sticky插件引用其容器

1 个答案: