当我的移动汉堡包菜单打开时,我使用JS添加CSS类,以防止在我的站点上滚动。
但是,使用盖茨比的<Link>组件进行内部链接时,当单击一个新的内部页面时,“无滚动”类将保持不变,移动菜单将关闭.最终的结果是呈现新的页面,但是滚动被锁定,汉堡包菜单无法访问。
我希望能够在点击Gatsby <Link>组件时执行JS,这样我就可以从适当的元素中删除“无滚动”类。
这是我的JS。
(function(){
var burger = document.querySelector('#burger_container'),
body = d
我有以下的div结构
<div class="page">
<div id="top" class="header-container">
<!-- navigation menu and search box in here -->
</div>
<div class="main-container col1-layout">
<!-- Fancybox for photo gallery and
我不知道为什么,但是my page是由React.js库划分的,如果你试图在鼠标悬停在顶部导航菜单时向下滚动,你将无法做到这一点。 但如果你向下滚动屏幕的任何其他部分,你将滚动得非常好。 现在我一直在尝试使用事件侦听器,在滚动上会改变菜单背景,遵循这个question,它就不会工作了,因为react已经把我的页面分成了两部分,一部分是菜单,另一部分是页面的其余部分。 Menu.js import React from "react";
import './css/menu.css';
import logo from './images/logo.pn