物化CSS导航栏菜单下拉菜单不会低于原点

我是MaterializeCSS和jQuery的新手，我一生都无法弄清楚为什么以下来源无法在此下拉菜单上使用。我不确定是否与菜单li的设置有关，但是我看到了下拉按钮工作的示例，但是没有下拉菜单的例子。如何使它正常工作的任何见解或清晰性都将很棒。谢谢

HTML：

链接到演示笔如何操作https://codepen.io/anon/pen/xJXezp

用这个 ：

$(".dropdown-trigger").dropdown({
   coverTrigger: false
});

代替

$(".dropdown-trigger").dropdown({
   belowOrigin: true
});