Question

鼠标滑动一次切换一个页面HTML+CSS+JS

如题，我想做一个类似于 微信T管家 官网的效果 求思路 求方法

Answer 1

一般我们默认的我们鼠标滑轮滑动一次就是向下或者向上滑动一行，但这样有的时候不能满足我们的需求，看一篇文章如果看完一屏幕再向下滑，通过滑轮的话就需要滑很久，如果我们设置一下鼠标滑轮每次滑动向下滑动几行或者是一页，那就方便多了，接下来我来演示一下如何操作设置。


操作方法
01
首先在桌面任意位置，用鼠标右击，在出来的菜单中选择个性化。接下来就会蹦出来一个电脑个性化设置的一个对话框。

02
在个性化设置对话框左侧可以找到一个更改鼠标指针的选项，我们点击选择它，就可以进入到鼠标属性的相关设置页面。

03
在鼠标属性设置对话框，上面就有一个滑轮选项，我们点击选择它，就可以进入到滑轮的设置相关页面。



04
我们可以看到滑轮的设置有垂直滚动和水平滚动，一般我们使用电脑的浏览页面的话都是说的垂直滚动。



05
在垂直滚动下就可以看到鼠标滑轮滚动一下可以向下移动多少进行具体的设置，可以是几行，在这里可以使用后面的那个小箭头来鼠标点击增加或者是减少，也可以是直接在编辑框内直接输入行数。

06
或者是设置为鼠标滑轮滚动一次就是一个屏幕，这样在看文章的时候会更加方便，不用总是在滑动屏幕，而且对眼睛也比较好。可以看到鼠标垂直滑动第二个选项就是一次滑动一个屏幕的选项，我们点击选择它，最后确定就可以了。

Answer 2

个人觉得大改思路是这样

把一个页面竖向分成N个部分，每个部分的高度和宽度刚好是浏览器的高宽

body的overflow设为hidden

用js监听滚轮的滚动事件，只需要获取方向（是向上滚还是向下滚），同时阻止滚动本身的默认动作冒泡（意思就是滚动滚轮时，不让页面卷动）

获取到方向后，把body的scrolltop相加或相减浏览器高度即可

滚动过程中需暂时屏蔽监听，避免屏幕在滚动过程中又开始执行新的滚动动作造成动画混乱

Answer 3

第一步，先写整页框架，例如左右分栏，上下分栏，头尾等的html结构。然后写对应的样式。
第二步，拆分模块，一个一个模块写html，然后写css，并且套到对应的整体结构中。
第三步，细节调整，整体联调样式。

js呢，其实也可以按照模块写。

这样做的一个好处是，你一个人的工作完全可以无缝拆成多个人的工作。所以当主导一个很重的页面的改版的时候，这种方式让多人协作受益良多。