Oto problem:Pozostawić okno dynamiczne zmiany rozmiaru po przejściu
Możemy okno do zmiany rozmiaru w zależności od zawartości, ale gdy okno jest zmieniany wysokość nie zmienia się dynamicznie zarówno pozostawiając mnóstwo białej przestrzeni poniżej lub ukrywanie treści za resztą strony.
Oto kod:
HTML:
<div class="panel-container" style="height: 706px;">
<div class="control-panel create-job flexible">
<div class="column-container">
JSX:
resizePanel: function (height) {
this.refs.panel.style.height = height + 'px';
},
getPanelContainerStyle: function (controlPanel) {
if (this.state.isPanelOpen && _.isObject(controlPanel)) {
var height = controlPanel.type.prototype.height;
if (_.isNumber(height)) {
return {height: height};
} else return {height: 100};
} else return {};
},
CSS:
.panel-container
height 0
transition height 0.3s
margin-top bump-lg px
margin-bottom bump-lg px
Każda pomoc jest mile widziane!
Ja nie, ale zamierzam zrobić to z ujęciem "max-height", aby sprawdzić, czy możemy współpracować. –
Po prostu wypróbowałem to, ale nie działało w tym scenariuszu. Dzięki za sugestię! –