当我的移动汉堡包菜单打开时,我使用JS添加CSS类,以防止在我的站点上滚动。
但是,使用盖茨比的<Link>组件进行内部链接时,当单击一个新的内部页面时,“无滚动”类将保持不变,移动菜单将关闭.最终的结果是呈现新的页面,但是滚动被锁定,汉堡包菜单无法访问。
我希望能够在点击Gatsby <Link>组件时执行JS,这样我就可以从适当的元素中删除“无滚动”类。
这是我的JS。
(function(){
var burger = document.querySelector('#burger_container'),
body = d
我有一个简单的node.js应用程序:
server.js
const express = require('express');
const app = express();
const PORT = 8080;
app.use(express.static('client'));
// Start the express web server listening on 8080
app.listen(8080, () => {
console.log('Service started on port 8080.');
});
我正在尝试找出是否有像fullpage.js一样的滚动页面的解决方案。一页一页地滚动网站,上下滚动。
这与fullpage.js不同,因为它将页面滑动到不同的div,但我需要它在单个div中移动。
下面是我尝试过的代码:
<div> a very long text here..... </div>
Window.onscroll = function() {test()};
Function test(){ window.scrollby(0, 300) };
上面的代码只是向下滚动,它不会停止。它会一直向下滚动,直到页面底部。
那么,怎么做呢?