javascript - 滚动 block 的 100% 高度

标签 javascript jquery css wordpress

当我必须向下或向上滚动时,如何让我的 Avada(或自定义 Wordpress 主题)滚动 100% 高度 div 以达到浏览器的全高?

提前致谢

Live example

最佳答案

你有两个选择:

- 使用 CSS,使用视口(viewport)单位 (vw,vh)

section {
  width: 100vw;
  height: 100vh;
}

section.one {
  background: red;
}

section.two {
  background: grey;
}

section.three {
  background: blue;
}

DEMO

- 使用 JQuery 使用 fullpage.js 脚本

DEMO

关于javascript - 滚动 block 的 100% 高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40861378/

相关文章:

javascript - Angular - Controller 函数调用中的范围变量更新不会反射(reflect)在指令 html 中

php - jQuery 数据表按钮仅在第一次单击时有效

javascript - 在 div 之间转换时显示加载图标

jQuery 脚本只能在一个页面上运行

javascript - 如何将 AWS SDK 导入 Vue.JS

javascript - 输入 [type=time] 预期为日期

jquery - 单击/悬停导航菜单

javascript - 一种在我的 MVC 框架内重用 JavaScript 代码的方法

html - Div 未对齐

javascript - 从子类调用父类(super class)方法 - JavaScript