分类：全屏滚动

2022
05-20

jquery实现全屏滚动效果

本文实例为大家分享了jquery实现全屏滚动的具体代码，供大家参考，具体内容如下效果图思路1.要全屏,给父级、body、html、高度设置为100%，自己的宽度也100%，还要给html、body设置溢出隐藏html,body{height:100%;/*实现全屏*/overflow:hidden;}.wrap{position:relative;top:0;left:0;/*实现全屏*/height:100%;}div.wrap>div{width:100%;height:100%;}2.引入mousewheel在引入min.js之... 继续阅读 >

2020
09-24

vue实现全屏滚动效果（非fullpage.js）

本文实例为大家分享了vue实现全屏滚动效果（的具体代码，供大家参考，具体内容如下是什么网页的一个页面占据一屏的宽高，多个页面上下或者左右拼接在一起。当滑动鼠标滚轮，或点击导航按钮时，可以平滑到对应的页面。此次只实现鼠标滚动实现原理使用mousewheel,DOMMouseScroll(火狐用)监听鼠标滚动事件，当鼠标上下的滚动的时候，当前的页面transformY(屏高)或者transformX(屏宽)代码实现HTML<template><divclass="fullPage"r... 继续阅读 >