Question

这是我的代码：{{3}}

以下是我的HTML的导航部分：

const helperNote = document.querySelector( "#helperNote" );

[].slice.call( // No thanks to Internet Explorer >.<
  document.querySelectorAll( "form input:not([type=submit])" )
).forEach( element => {
  element.addEventListener( "focus", () => {
    helperNote.setAttribute( "data-info", element.name );
  } );
  element.addEventListener( "blur", () => {
    helperNote.setAttribute( "data-info", "details" );
  } );
} );

CSS

label {
  display: table; /* block layout with inline qualities */
  margin: .5em 0;
}
#helperNote::before {
  content: "Please input your " attr( data-info );
}
#helperNote[data-info=details]::after {
  content: " below.";
}

如果您缩小屏幕大小以进入导航栏切换按钮，请单击按钮，然后单击＆＃34;程序＆＃34;下拉菜单中没有任何下拉菜单覆盖了正文内容。我希望下拉导航能够掩盖它下面的所有内容。

我今天搜索了很多，而且我无法找出它无法正常工作的原因。我很确定它在某些时候有用，但也许我用CSS改变了导致问题的东西？

Answer 1

只需添加此样式：

Shiny.onInputChange

导航栏崩溃不覆盖身体内容

1 个答案: