1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 | /*噗串點開固定位置*/ .timeline-cnt .plurk_box { /*這裡勿動*/ position:fixed; margin-top:0 !important; /*上下位置*/ top:62px !important; /*左右位置*/ left:10px !important; /*left可改right*/ /*左右位置(置中)*/ left:calc((100vw - 503px) / 2) !important; /*左右位置兩種擇一,不使用的要刪除*/ } #form_holder { position:fixed; } ================= 此處為說明,勿放到語法中否則會造成錯誤 下方是可選用的語法 因噗串內容的顯示位置是用程式即時設定的,所以固定噗首的位置可能會發生下面這張圖上的情況 https://images.plurk.com/2n72I7RCrlo7afRQ90pPsd.png 若河道版面是沒有右側捲軸的佈景就沒有影響,但如果介意的話可以多選用下面這個語法,讓噗串內容即使頁面滾動過也可以顯示在正確位置,缺點是內容少的噗首也會變高 ================= /*固定點開的噗首高度,超過高度的內容顯示捲軸*/ .timeline-cnt .plurk_box .text_holder { /*這裡勿動*/ padding:0; overflow:auto !important; /*高度*/ height:150px !important; } /*噗串內容位置*/ #form_holder { /*上下位置*/ top: 250px !important; } |
Direct link: https://paste.plurk.com/show/FzDtFOYdwDM4Ysub4sYG