這個網頁設計元素/魔術的名字是什麼？

網上衝浪我看到一個浮動設計元素的網站。但我找不到它是如何被調用的。是否有人知道以下元素的名稱：這個網頁設計元素/魔術的名字是什麼？

在adobe網站上有一個黃色框，其中提示「這有幫助嗎？」這個問題。向下滾動時，它停留在屏幕的頂部。 http://www.adobe.com/devnet/fireworks/learning_guide/design/design_guide_pt4.html

我在哪裏可以找到關於它的更多信息？謝謝。

來源

2013-02-12 Paul

你可能想看看這個[鏈接瞭解更多]（http://css-tricks.com/scrollfollow-sidebar/），用同樣的工作的方法，但如果你不想應用滾動影響只是使用固定的位置。 – 2013-02-12 09:21:47

看看Sticky jQuery plugin。它應該做你想做的。

來源

2013-02-12 08:53:40

請不要只用鏈接回答。特別是當你鏈接到的頁面甚至沒有工作演示。 – 2013-02-12 08:56:05

和你期望我對此做些什麼？ – 2013-02-12 08:57:25

有一個名爲Sticky sidebar的插件可以做到這一點。

Article和Demonstration

來源

2013-02-12 08:56:02

謝謝，和stickt側邊欄不可能與CSS3？ – Paul 2013-02-12 09:00:58

@Paul沒有看過演示，試試'position：fixed' – 2013-02-12 09:04:23

@JanDvorak這還不夠：它不是很粘：當你滾動時它不會消失。 – 2013-02-12 09:05:09

其所謂的粘邊欄。

Here是演示加代碼通過它的鏈接。

來源

2013-02-12 09:04:25 Kits

它使用簡單的css風格position:fixed確保當頁面滾動時該元素保持在視口中的位置。

但是，您給出的鏈接擴展了它，position:fixed樣式僅適用於您向頁面滾動一定距離後。實現它的最簡單方法是使用jQuery在用戶向下滾動時更改元素的類。

這是一個可以相應地改變類的函數。

jQuery(document).ready(function($){ 
// Check the initial Position of the Sticky Element 
    var stickyElementTop = $('#stickyElement').offset().top; 

// Apply the CSS class if you scroll past 
    $(window).scroll(function(){ 
      if($(window).scrollTop() > stickyElementTop) { 
        $('#stickyElement').addClass('sticky');      
       } else { 
        $('#stickyElement').removeClass('sticky');       
      } 
    }); 
}

然後用CSS

#stickyElement{ 
    position:absolute/relative/whatever; 
    } 
.sticky{ 
    position:fixed!important; 
    }

來源

2013-02-12 11:21:08 harryg

+1代碼的答案。 – 2013-02-12 15:56:24

這個網頁設計元素/魔術的名字是什麼？

回答

相關問題