對象固定在某個點以下

這是我的第一篇文章，在此之前，我已經從這個論壇和所有用戶以前的帖子有巨大的幫助。我現在的問題我找不到答案。所以：對象固定在某個點以下

我有一個對象（按鈕），當按下平滑滾動用戶直到頁面的頂部。我成功地將它固定到屏幕的頂部，但是，讓我們說你在頁面的底部，然後按下「平滑滾動按鈕」，它開始向上滾動到頂部。但是，當你的「靠近」頂部，我希望按鈕停止和滾動繼續...

我不知道如何更好地描述它，但如果你從頁面的頂部，或在在頁面頂部，你看不到按鈕，當你開始向下滾動時，你會看到按鈕是屏幕上的任何對象「向上攀爬」，當按鈕到達屏幕頂部時，它將保持固定。

我敢肯定，這是對例如廣告的常見..

你將如何實現這一目標？任何幫助感激..

THX，

外行

來源

2014-02-27 Layman

什麼，如果有的話，你嘗試過：

這個邏輯從以下插件採取？你能告訴我們一些代碼嗎？ –

看到這個網站它有很棒的演示 http://www.onlywebpro.com/2013/04/03/make-a-jquery-sticky-header-in-5-minutes/ – Tombeau

所以....做了任何回答幫助你還是什麼？ –

好像這是你想要達到的目標。

http://stickyjs.com/

，如果你還沒有留下深刻的印象..這裏是插件，會做你需要用很少的代碼是什麼寶藏的鏈接。

http://jquery-plugins.net/tag/sticky-scroll

來源

2014-02-27 17:52:32

http://stickyjs.com/是我所需要的！謝謝！ – Layman

我的一個同事寫道作爲頁面被滾動到頂部隱藏按鈕插件。您可能能夠使用類似的邏輯。這將是這樣的：

btt.revealPosition = 300; 
$(window).scroll(function(){ 
     if($(window).scrollTop() >= btt.revealPosition){ 
      //Add a class here that lets the button scroll with the page 
     }else{ 
      //Add a class here that fixes the button to the top of the page 

     } 
    });

它基本上手錶爲您滾動回到頁面頂部滾動位置。在到達按鈕的revealPosition後，您可以添加一個類或使用jquery修改css以更改按鈕的行爲方式。 jquery-backtotop

來源

2014-02-27 17:56:21 developering

感謝您的回答，我確定如果我知道更多關於js我可以做出這個插件的東西。但我需要在這個階段的決賽:) – Layman

對象固定在某個點以下

回答

相關問題