如何用塞子製作粘性格

有人可以告訴我，當我瀏覽網頁時，如何調用這種效果，並且有一個框首先在頁面中間，但在下一頁堅持內容的一面，也跟着你到頁面的底部。我在臉書和許多網站上看到這一點。我不知道一個「DIV」，因爲這些保持固定如何用塞子製作粘性格

對不起，我忘了寫，他們動的時候只頁面頂部觸動他們

來源

2013-04-18 Elisa Machorro

divs可以保持固定，跟着你，四處走動，不用擔心，我會說你可以用div來做 –

你在網上看到的大多數例子都是用一些javascript實現的。 – jtheman

我認爲問題是關於一個div會在中途開始，但是當你滾動它時會移動到頂端，但是一旦它碰到頂端，就停止滾動，並停留在頂端。 – nycynik

據我瞭解，你想要的東西跟着你當你向下滾動，但在一開始是在網頁的中間。你可以用一些jQuery的使它：

Example

tutorial

來源

2013-04-18 21:39:16 Dan

是的！這是我想要的，但可以更快地做出迴應？ –

我連接的插件只是衆多其中之一 - 我確定它有參數來指定MARGIN，PADDING，SPEED等...所以是的，你可以但你必須通過教程 – Dan

再現是通過使用一個div position: fixed;最簡單的方法 - 它會堅持原來的位置一直向上或向下的頁面。

所以，如果你與你的菜單中div：

<div id="menu"> 
    <ul> 
    <li><a href="link1.htm">Link 1</a></li> 
    <li><a href="link2.htm">Link 2</a></li> 
    <li><a href="link3.htm">Link 3</a></li> 
    </ul> 
</div>

您可以

#menu { 
    position: fixed; 
    left: 250px; 
    top: 10px; 
}

來源

2013-04-18 21:31:46

定製你只需要使用一些基本的CSS：

#fixed { 
    position:fixed; 
    right:0px; 
    top:150px; 
}

來源

2013-04-18 21:32:16 Anonymous

當實際數字是0時，你可以省略「px」:-) –

使用Javascript，你可以在窗口上放置一個監聽器來顯示滾動事件，並計算距離結束的距離與pageYOffset或類似的div，然後申請CSS來使該div在滾動條到達該位置時固定。

編輯

只是爲了好玩，用jQuery;

和在CSS中;

#div { 
    position:absolute; 
    top: 150px; 
    -webkit-transition: top 1s ease-in-out; 
}

這應該工作

來源

2013-04-18 21:37:17

這裏是一個教程，我發現，告訴你如何做到這一點。

下面是一個類似的問題： How do I get a floating footer to stick to the bottom of the viewport in IE 6?

，並解釋其使用jQuery的教程。 http://net.tutsplus.com/tutorials/html-css-techniques/creating-a-floating-html-menu-using-jquery-and-css/

來源

2013-04-18 21:43:57 nycynik

如何用塞子製作粘性格

回答

相關問題