台灣最大程式設計社群網站
線上人數
1639
 
會員總數:241330
討論主題:186904
歡迎您免費加入會員
討論區列表 >> CSS/HTML5/Bootstarp >> 請叫關於此板型的設計
[ 變換順序 ]  
[我要回覆]
1
回應主題 加入我的關注話題 檢舉此篇討論 將提問者加入個人黑名單
請叫關於此板型的設計
價值 : 5 QP  點閱數:112 回應數:3

樓主

大便寶寶
初學者
31 24
476 31
發送站內信

https://p.w3layouts.com/demos/cv/web/

我是一個CSS新手目前在研究bootstrap & css的網頁設計模式

我想問的是該網頁左邊選單是固定的 內容那邊捲軸上下 左邊都不會動
這個是大該用CSS哪些方式可以設計的出來
是float? flex?還是甚麼的?

雖然看了原始碼但是由於是新手完全找不到方向去研究






搜尋相關Tags的文章: [ css ] ,
本篇文章發表於2017-12-04 16:01
別忘捐VP感謝幫助你的人 新手會員瞧一瞧
1樓
回應

浩瀚星空
捐贈 VP 給 浩瀚星空 檢舉此回應
這樣的技術其實可以分好幾種方式可以做到

因為這其中還牽扯到了自適應的問題。

而你看的頁面,他其實是利用的sidebar這個插件處理的(這因該是jquery的插件才對)

不過相同的效果用css也可以做到。

本篇文章回覆於2017-12-04 17:51
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
2樓
作者回應

大便寶寶
檢舉此回應
我看他好像是用position:fixed 去做到的效果
本篇文章回覆於2017-12-04 17:57
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
3樓
回應

浩瀚星空
捐贈 VP 給 浩瀚星空 檢舉此回應
是的~~~用css中的position:fixed也是可以做到的。
但這還需要牽扯到其它的對應。讓它產生像是邊框的感覺出現。
也是為了搭配自適應處理。

所以一般來說css能做到很完整的很有限。
大多數比較簡單的就是掛入一些外掛。來幫你直接調配css做出這樣的效果出來。

所以我一開始就有說,這樣的效果有非常多的做法。你說的float其實也可以做到的。

只是一般來說很少人會用float來做這樣的效果。
因為它存在著瀏覽器的對應問題。

再加上現在的邊框設計很多都想做的比較動態的感覺。
所以目前看到的大多數還是會利用position:fixed的特性處理。
本篇文章回覆於2017-12-05 15:43
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
[ 變換順序 ]   
1

回覆
如要回應,請先登入.