function(){
var top=$('body').scrollTop();
$(window).scroll(function(){ //滚动时，固定页面滚动条到页顶的高度，使其不滚动
$('body').scrollTop(top);
},function(){
$(window).off('scroll'); //鼠标移开后，解除固定
转载于:https://www.cnblogs.com/yaohe/p/11063560.html
JQ 解决 内部div 滚动条和body滚动条的滚动影响$('.innerScroll').hover(function(){var top=$('body').scrollTop();$(window).scroll(function(){ //滚动时，固定页面滚动条到页顶的高度，使其不滚动$('body').scrollTop(top);});},function(){$(...
支持鼠标滚轮放于“
滚动条
区”滚动，而不仅限放于滚动内容区才滚
支持鼠标按住
滚动条
（未松开）并移出滚动区域仍然能拖拽滚动
滚动条
子根据左边滚动内容高与可视区域高度比例等比例，且当
滚动条
细到一定程度时设置最小高度值,内容过少时隐藏
滚动条
子
支持鼠标在
滚动条
子的上下空白区间点击实现上、下定位滚动（模拟windows
滚动条
）
支持键盘上下方向键，滚动区滚完之后才轮到页面body滚
支持页面刷新后保留
滚动条
滚动位置（需浏览器支持或打开cookie）
鼠标放于自定义滚动区滚动滚轮，滚动区滚完之后才轮到页面body
关于列表滚动会
相互影响
的
解决
办法
原因：因为列表滚动是整个body页面在滚动，会影响,可以用以下代码在控制台检测。
function findScroller(element) {
element.onscroll = function() {console.log(element)}
Array.from(element.children).forEach(findScroller)}
findScroller(document.body)
让每一个列表都有自己的滚动容器。
给组件设置高度，但不可
1.通过jquery 监听div滚动事件来设置其他div同时滚动
2.为不是多个同时滚动div的滚动监听事件互相重复影响，通过当鼠标移动到哪个div上时使用哪个div进行滚动监听，其他div不进行滚动监听。
<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
<title>HTML 两个div
滚动条
同时滚动...
解决
办法 一 ：鼠标内层时，禁用外层
滚动条
<div class="zoneDetails-content blockStyle-content layerScroll" onmousewheel="return divScroll(event,this)">
</div...
移动端中，我们浏览商品列表的时候，点击进入详情页面，然后返回到商品列表，一般都是用户浏览到哪里，返回来的时候还是那个位置(试想一下，如果一返回，页面重新刷新，你又要往上滑不知道多少页才能找到你刚刚的那款商品，这么一想是不是很崩溃），但是vue很贴心，给我们设计了keep-alive
<keep-alive>包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们
keep-alive在vue2和vue3中还是有些区别的
在vue2中
<keep-alive>
function(){
var top=$('body').scrollTop();
$(window).scroll(function(){ //滚动时，固定页面
滚动条
到页顶的高度，使其不滚动
$('body').scrollTop(top);...
在移动端中，当我们的页面既有上下滑动又有左右滑动时，比如我们顶部有轮播图(左右移动)，页面还包含上下移动
滚动条
。当我们斜滑页面，页面也会斜着运动，即触发了左右移动事件又触发了上下移动事件。布局还可能会错乱，这不是我们想要的，我们只想它左右或者上下滑动，不同时滑动。接下来我们来
解决
这个问题
一、touch触摸事件介绍
touchstart：当手指触摸屏幕时候触发，即使已经有一个手指放在屏幕上也会触发
touchmove：当手指在屏幕上滑动的时候连续地触发。在这个事件发生期间，调用prevent
点这里直接到下面看
解决
方案
自古以来，
滚动条
都是用户体验大难关，也在不断进化。一者
滚动条
样式在浏览器间表现不一致，从而有人提出“顶部阅读进度”方案；二者在window下，
滚动条
本身是占位的！这就导致了天生考虑响应式的现代页面中元素会受到影响从而“跳动”。
经常有下面的场景的发生：
“加载更多”
页面懒加载
模板页面跳转/路由跳转
共同点都是：从不足一屏到超出一屏。
淘宝网首页使用CSS把页面尺寸布局骨架搭好，再在里面吐数据。
但即使是这样，他们还是做了overflow-x:hidden;。一方面是为.
