panel.setAttribute ("mode", "waterfall");

Question

이것은 내가 폭포 모드 대신 폭포 높이 나는이

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

제대로 모드를 변경하고 요소가처럼 동작 할 수있을하려는 경우 내 핵심 헤더 패널

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

입니다 폭포지만, 요소가 원래 크기로 축소되지 않으며 키가 유지됩니다. 자바 스크립트에서 다시 정상적인 폭포 크기로 요소를 축소 할 수 있습니까?

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";