我需要堆叠一些粘性标题元素,如下所示: https ://webthemez.com/demo/sticky-multi-header-scroll/index.html
stackover这里有这个问题的解决方案。但就我而言,我的粘性标题具有动态高度。因此不可能对棒头的顶部位置进行硬编码。我的代码如下:
html
<div class="sticky-header1">
Header 1 with dynamic height
</div>
<div>
Header 1 content
</div>
<div class="sticky-header2">
Header 2 with dynamic height
</div>
<div>
Header 2 content
</div>
Run Code Online (Sandbox Code Playgroud)
CSS
.sticky-header1,
.sticky-header2
{
position: sticky;
}
Run Code Online (Sandbox Code Playgroud)
在这种情况下是否可以设置堆叠粘性标头?首选纯 CSS 解决方案。
我正在尝试将焦点事件绑定到具有很少输入字段的文档。
componentDidMount() {
document.addEventListener('focus', this.adjustFocus);
}
adjustFocus(e: SyntheticEvent) {
console.log(e);
}
Run Code Online (Sandbox Code Playgroud)
但是当我将焦点从一个输入更改为另一个输入时,未调用 adjustmentFocus 方法。但是方法被调用用于事件,如单击、滚动。