1

经过大量搜索后，我似乎无法找到适合我需要的答案。在从事讽刺性博客项目时（位于此处) 我能够在右侧边栏上设置一个粘性侧边栏，并按计划在顶部很好地停止。以前，左侧边栏被建模为做同样的事情，它确实做到了。我所追求的是使用类似的设置来拥有第二个元素，在左侧边栏中的页面下方或右侧，在滚动视图时跟随第一个元素，并类似地停在顶部，一些允许灵活性的参数在将内容进一步向下停止在顶部。要么这是不可能的，要么我的技能不适合我只是不知道我在做什么（很可能是后者），我将永远感激指导。您将在下面找到使用的现有编码（保留原样以在链接页面上演示问题，但在上下文中显然不正确）。我无法想象我是唯一一个追求这种变化的人，如果提供了解决方案，我们将不胜感激并在脚本中适当地注明。我的 CSS 知识略好于初级，但具体细节将不胜感激。我想需要一些进一步的定位。很高兴为慷慨的灵魂提供额外的见解，如果需要，他们会做出回应。目前，此应用的元素是准确的（即分别为“.sidebar-right-1”和“HTML7”）......</p> 

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

干杯，并请原谅本文中的任何礼仪疏忽。

4

0 回答 0