Question

经过大量的搜索，我似乎无法找到适合我需要的答案。在处理一个讽刺性的博客项目（位于here）时，我能够获得一个粘性侧边栏在右侧边栏上工作，按照计划在顶部停止。以前左侧边栏的模型是做同样的，它做了。我所追求的是使用类似的设置来获得第二个元素，在左侧边栏的页面下方或右边，在滚动视图时跟随第一个元素，同样在顶部停止，一些允许灵活性的参数内容进一步下降停止在顶部。要么这是不可能的，要么我的技能不是这样，我只是不知道我在做什么（很可能是后者），我将永远感激指导。您将在下面找到所使用的现有编码（左侧是为了演示链接页面上的问题，但在上下文中显然不正确）。我无法想象我是唯一一个在这种变化之后的人，并且如果提供了解决方案，那么将在脚本中相应地记录它。我的CSS知识略胜一筹，但细节会非常受欢迎。我想有必要进一步定位。很高兴为慷慨的灵魂提供额外的见解，如果需要，他们会回应。目前应用的元素是准确的（分别是“.sidebar-right-1”和“HTML7”）......

#sidebar-right-1.sticky {
position: fixed;
width: 310px;
top: 5px
}
#HTML7.sticky {
position: fixed;
width: 310px;
left: 50%;
margin-left: -690px;
top:5px

以下相应的脚本

<script type='text/javascript'>
//<![CDATA[
$(window).scroll(function(){ 
var offset = 0;
var sticky = false;
var top = $(window).scrollTop();
if ($("aside").offset().top < top) {
$("#sidebar-right-1, #HTML7").addClass("sticky");
sticky = true;
} else {
$("#sidebar-right-1, #HTML7").removeClass("sticky");
}
});
//]]>
</script>

干杯，并且请原谅任何礼仪疏忽。

粘性脚本的改编

0 个答案: