2017-10-18 107 views
0

我想让sticky.js在滚动时修复一个按钮。Sticky.js固定在顶部的按钮

开发网站:http://gameofjoes.com/LAW/1/ 元素:中间 期望的行为红色按钮:当向下滚动按钮固定在上面。

JS:粘JS http://stickyjs.com/

--Added到源代码 -

$(document).ready(function(){ 
$("#sticker").sticky({topSpacing:70}); 

});

jQuery和sticky.js来源过于


我不知道我是否需要添加到CSS样式表中的“标签”分区。

回答

0

我不认为它需要任何特定的CSS(它似乎在内联编写样式),但是您需要使用您粘贴的代码来定位您的按钮,例如,通过添加“贴纸”ID像这样:

<div id="sticker" class="mbr-section-btn text-center"> 
    <a class="btn btn-md btn-secondary display-2" href="tel:17277865000">CLICK TO CALL (727)-786-5000</a> 
</div> 
+0

非常感谢您的解决方案。但我得到了粘性和滚动元素的工作。但是现在我有隐藏在中间元素后面的按钮的Z索引问题。 http://www.gameofjoes.com/LAW/mirror-2/ – JOJO

+0

您必须将按钮移动到包装“.container.align-center”div的外部(以便它与.mbr-箭头元素),以便能够将其放置在以下内容的顶部。移动后可能需要稍微调整一下样式,但这样可以让您按照自己的需要进行操作。顺便说一下,如果答案适用于原始解决方案,你会介意接受吗?谢谢 :) – delinear