如何在用户滚动时在选定的下拉按钮旁边添加下拉列表菜单？

Question

我在this页面上遇到过与我的应用程序中类似的问题。当用户选择下拉列表时，它将打开下拉菜单。但是，当用户向下滚动页面时，下拉菜单仍然在同一位置。

如何解决这个问题？

提前致谢。

Answer 1

我最近遇到过这类问题。

所以我使用了mouseenter，mouseleave事件。

$( ".menu-open" )
  // not necessary 
  .mouseenter(function() {
    $( this ).show();
  })
  // you must put this to hide menu when user leaves the menu
  .mouseleave(function() {
    $( this ).hide();
  });

通过使用上面的代码，一旦用户将光标移出菜单，它就会隐藏菜单。

对于用户来说，这将是非常好的体验，就像他们不关心如果菜单在他们不再需要时关闭。但如果它会保持打开，除非用户再次单击菜单关闭它，所以感觉很奇怪。

就像我从你给出的那样link.

否则您可以使用滚动事件，例如一旦用户向下滚动到特定值，您可以检查菜单是否已打开然后您可以隐藏它。