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

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.

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