当我的移动汉堡包菜单打开时,我使用JS添加CSS类,以防止在我的站点上滚动。
但是,使用盖茨比的<Link>组件进行内部链接时,当单击一个新的内部页面时,“无滚动”类将保持不变,移动菜单将关闭.最终的结果是呈现新的页面,但是滚动被锁定,汉堡包菜单无法访问。
我希望能够在点击Gatsby <Link>组件时执行JS,这样我就可以从适当的元素中删除“无滚动”类。
这是我的JS。
(function(){
var burger = document.querySelector('#burger_container'),
body = d
我不知道为什么,但是my page是由React.js库划分的,如果你试图在鼠标悬停在顶部导航菜单时向下滚动,你将无法做到这一点。 但如果你向下滚动屏幕的任何其他部分,你将滚动得非常好。 现在我一直在尝试使用事件侦听器,在滚动上会改变菜单背景,遵循这个question,它就不会工作了,因为react已经把我的页面分成了两部分,一部分是菜单,另一部分是页面的其余部分。 Menu.js import React from "react";
import './css/menu.css';
import logo from './images/logo.pn
我有一个函数,当用户滚动检查scrollTop()时,它会被调用,在某个滚动发生后,它会将菜单的z索引从-1更改为1。但是,这只发生在滚动上,所以如果用户刷新站点,那么在下一次滚动发生之前,菜单实际上是不可用的。
有没有办法调用它并检查屏幕滚动的数量(刷新后,而不是用户滚动)是否满足更改z索引的条件?
我的JS:
function getPosition(){
var y = $(window).scrollTop();
var status = (y > 880) ? true : false;
//console.log(status