2017-10-18 145 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