Tepki de Semantik-UI sabit menü ve kenar çubuğu kullanma. Semantik UI'nin Dokümanlar sayfası (Tablet ve Mobil ekranlarda) üstte sabit bir menü ve geçiş yapıldığında üst üste gelen bir sol kenar çubuğuyla aynı sonuçları elde etmek isterim.Ben Semantik-UI sabit menüyü kullanmak ve tepki çerçevesi ile birlikte kenar çubuğu çalışıyorum
burada birlikte bu bir örnek hazırladık: https://jsfiddle.net/bullwinkle/m3hr5v36/
Çalışır, ancak Semantik-UI düzeni sevmez ve konsolda aşağıdaki hataları sağlamaktadır: Yani
Sidebar: Had to add pusher element. For optimal performance make sure body content is inside a pusher element
Sidebar: Had to move sidebar. For optimal performance make sure sidebar and pusher are direct children of your body tag <div class="ui inverted left vertical sidebar menu" data-reactid=".0.0">…</div>
Semantik-UI, düzeni .sidebar ve .pusher'un <body>'un doğrudan çocukları olacak şekilde hareket ettirir. Bu tam olarak React yolu değil.
olarak burada açıkladı:
Semantic UI sidebar throws console errors with ReactJS when render app to body
kenar çubuğunun için özel bağlamını tanımlamak gerekir.
hata iletilerini düzeltir O (ben çünkü düşük rep daha bağlantıları gönderemezsiniz jsfiddle 4. revizyon bakınız)
componentDidMount() {
$('.ui.sidebar').sidebar({
transition: 'overlay',
context: $('#layout')
});
},
: Tamam ben kenar çubuğu başlatma içinde yaptık ancak şimdi üst menü artık sabitlenmiyor ve kenar çubuğu içerikle birlikte ilerliyor.
<div data-label="layer-div" style="display: none;"></div>
<div data-label="preview-div" style="pointer-events: none; display: none;"></div>
Hiç bu işe yaramadı mı? – Jack
aynı sorun. hala çözüm yok –