reflow

    2熱度

    2回答

    我有一個CSS滑動下拉菜單,可以在顯示的元素數量上有所不同。 我使用overflow: hidden包裝和margin-top: -100%來隱藏菜單,並使用margin-top: 0進行CSS轉換以向下滑動動畫。 問題似乎是margin-top: -100%似乎正在拾取任何父元素的顯式width並忽略內容高度。 .outer { overflow: hidden; b

    7熱度

    1回答

    我試圖修復一個緩慢的UI有些慢,執行JavaScript和我已經收窄的主要原因下來用於看到width: 100%元素的實際像素大小的響應式佈局一個jQuery .width()電話,在需要經常響應用戶操作而發生的過程。 我已經添加了基於時間戳的測量和他們表明,就佔了33%左右的滯後時間,這使得UI之間的差異感覺銳利和UI感覺遲鈍。刪除這一條線,該UI感覺快 - 但是,它把東西放錯了地方......

    3熱度

    1回答

    我遇到了ReactJS Boilerplate,它有很好的代表並且是社區驅動的。 樣式部分更強調樣式化組件CSS,但從未停止切換到傳統的CSS樣式化方法。儘管這引起了我對Styled-Component CSS脫穎而出的興趣,爲什麼需要採用它。 我的Styled component CSS理解: 組件驅動期清初。你的CSS現在也是一個組件。 - 這很酷! 加載你需要什麼,當你需要的,有點懶CSS

    0熱度

    1回答

    雖然試圖找出爲什麼頁面janky每滾動事件叫,我檢查了每一個滾動事件有一個叫畫的整個頁面(迴流我猜),但我想不出爲什麼這個整版塗料發生,可以devtools提供更多信息

    0熱度

    1回答

    我需要插入一個巨大的HTML標記到一些DOM元素,這將需要一段時間。這是我想要顯示一些預加載器指示符的原因。我有兩個塊:#preloader和#container。一些代碼首先顯示預加載器,然後開始粘貼一個大的html標記。 問題 - 預加載器直到瀏覽器無法完成呈現html標記才顯示。我嘗試了很多解決方案(其中很多都被描述爲here),但仍然沒有成功。 下面是一個例子avalable: https

    0熱度

    2回答

    http://v4-alpha.getbootstrap.com/content/tables/(在頁面底部的最後一個例子) 有在本例中沒有說明,我有一個很難弄清楚這是什麼實際上做表!

    0熱度

    1回答

    我有一個奇怪的迴流問題,在Chrome中。 當我調整瀏覽器的高度時,粉紅色div頂部和底部的兩個div不會更新它們的寬度,除非我在隱藏和顯示容器時執行醜陋的超時解決方法不喜歡這種解決方法)。這適用於FF和Safari,所以這是一個Chrome的bug。 一個重要的要求是,粉紅色的中間格指示父div的大小,因爲它是一個視頻,我需要在全高度顯示它,而不指定寬度。 有沒有辦法解決這個問題,而不做醜陋的J

    0熱度

    1回答

    我在DOM中添加了很多元素。我不希望瀏覽器嘗試重新繪製頁面,直到添加了所有元素。 這可能嗎?

    0熱度

    1回答

    由於JavaScript是同步運行(不setTimeout)添加或刪除HTML元素,都應該是向用戶顯示HTML更改之前它是徹底完蛋了? 更重要的是,如果JavaScript是改變可以包含在表單提交元件(例如添加多個textarea元素),而它的用戶可以點擊提交按鈕,在進步,並提交一個不完整的請求? (有些textarea元素都包含在請求和一些textarea元素都沒有。) 事情是這樣的: <for

    1熱度

    4回答

    我有兩個包含各種元素(span,input,select,...)的html表格,我想強制這些表格的行具有相同的高度。不幸的是,在tr或td上設置屬性「高度」不起作用(如果該行包含至少一個超過給定高度的元素,則該行更高)。 我還沒有找到一種方法,我可以用css強制行高,所以我寫了一個循環遍歷所有行的Javascript函數,檢查左表的高度與相應行的高度在右表中,如果它們不同,我將高度(改變樣式)設