Question

我在网站左下角创建了一个“更多”按钮来显示菜单。

单击按钮时，+变为x

我希望您点击+点击并在页面上禁用滚动。

Model.find({"parent" : { $all:[1,2]}}, callbackfunction)

这是我的样式表

var ed = tinyMCE.activeEditor;
var errorNode = ed.selection.getNode().nodeName;
alert(errorNode);

这是我的JS文件：

<span color="error">That's great</span>

更新

以下代码不起作用。如果我点击外面，菜单会关闭，但课程仍在正文中。

<div class="dropup">
  <button class="btn btn-default dropdown-toggle" type="button" id="dropdown-menu-action" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    <div class="fa-4x">
      <span class="fa-layers fa-fw">
        <i class="fas fa-circle"></i>
        <i class="fa-inverse fas fa-plus" data-fa-transform="shrink-6"></i>
      </span>
    </div>
  </button>
  <ul class="dropdown-menu" aria-labelledby="dropdown-menu-action">
    <li><a href="/profil" data-drupal-link-system-path="profil"><i class="fas fa-id-card fa-lg"></i> Créer mon profil</a></li>
  </ul>
</div>

我尝试了以下代码，但它不起作用：

.overlay-is-navbar-collapse {
    overflow: hidden;
    pointer-events: none;
}

Answer 1

在您的JavaScript文件中，添加click处理程序以切换正文类名称overlay-is-navbar-collapse

(function ($) {

  $('#dropdown-menu-action').on('click', () => {
   $('body').toggleClass('overlay-is-navbar-collapse');
  });

})(window.jQuery);

从您的CSS文件中

删除 pointer-events: none，或者在添加了班级名称overlay-is-navbar-collapse后，您再也无法再次点击该按钮

.overlay-is-navbar-collapse {
    overflow: hidden;
}

Answer 2

您可以向主体添加一个类以禁用滚动或直接在您想要的任何轴上或所有轴上编辑样式。 PYSPARK_SUBMIT_ARGS="--master local[2] pyspark-shell"

如何禁用页面的单击和滚动？

2 个答案: