panel.setAttribute（「mode」，「waterfall」）;

Question

這是我的核心頭面板

<core-header-panel mode="waterfall-tall"> 

當我想它是在瀑布模式，而不是瀑布高的我做這個

var panel = document.querySelector('core-header-panel'); 
panel.setAttribute("mode","waterfall"); 

它正確地改變了模式，元素的行爲就像一個瀑布，但元素不縮小到原來的大小，並保持高度。我如何再次將元素縮小到JavaScript中的正常瀑布大小？

Answer 1

核心頭板要真正解決這個給你。 它應該做清理並刪除它在子節點上設置的任何tall類。提起一個錯誤的位置：https://github.com/Polymer/core-header-panel/issues/11

一種解決方法是：

coreHeaderPanel.querySelector('.tall').classList.remove('tall') 

BTW，你不需要使用setAttribute()。 mode是核心頭面板的公佈財產，這意味着你可以直接更新它作爲一個JS性能：

coreHeaderPanel.mode = 'waterfall'; 

Answer 2

如果我沒有弄錯，你可以從核心頭中刪除「tall」類。該mode切換時

var header = document.querySelector('.tall'); 
header.className = "core-header";