查看完整版本: 如何使左邊欄固定
頁: [1]

s989876 發表於 2014-7-26 10:40 PM

如何使左邊欄固定

小弟想問一下有沒有人知道微軟的這個網頁  ↓
http://msdn.microsoft.com/zh-tw/library/windows/apps/hh974582.aspx

當右邊滑下去時，左邊會固定住是怎麼做到的呢？

感謝大家。

<div></div>

tj951753 發表於 2014-7-27 01:40 PM

css 就能做到了

position : fixed;

css是很強大的 !

s989876 發表於 2014-7-27 02:14 PM

tj951753 發表於 2014-7-27 01:40 PM static/image/common/back.gif
css 就能做到了

position : fixed;


不好意思...我使用這個的時候沒辦法耶...

是會隨著螢幕捲動移動沒錯，但是微軟的網站那個是一直固定著 當右欄捲動的時候，就像是不會影響到左欄一樣...

tj951753 發表於 2014-7-27 02:55 PM

hmm

就是fixed阿

這有一些教學 fixed的板塊在最右下角

http://zh-tw.learnlayout.com/position.html

這個的右邊欄也是fixed

https://developer.mozilla.org/en-US/docs/Web/CSS/position

如果看完這兩個東西發現都不是你要的 那就是javascript寫出來的東西

相當困難 >_> 小弟js學得很差 幫不上忙



kiki104 發表於 2014-10-6 07:11 AM

其實是js寫的,不過要是不在意滑下來表頭會上縮的效果, 用frame也是可以的
::
偵測卷軸下拉到某程度時,表頭和側攔套fixed<br><br><br><br><br><div></div>

伊利牛奶 發表於 2014-10-20 09:24 AM

上框那個不懂，左邊固定的應該就是很平常的frame分框

csakura 發表於 2014-10-24 01:55 PM

用fixed是沒錯
只是他是分2個div的，左邊一個div 右邊內容一個div
所以要是你都放在用一個div裡面就算固定了也沒用
重點就是要分開放在2個不同的div裡面

xuiterwers 發表於 2014-10-28 04:34 PM

CSS應該比較簡單
建議用CSS做吧
頁: [1]