阻止滑动滚动条

最新推荐文章于 2021-05-19 11:14:17 发布

转载最新推荐文章于 2021-05-19 11:14:17 发布 · 289 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/wewe/archive/2011/05/28/2060618.html

本文介绍了一种使用jQuery控制网页滚动位置的方法。通过监听窗口滚动事件并设置文档体的滚动高度，可以实现对页面滚动行为的自定义控制。此技术可用于创建平滑滚动效果或其他特殊滚动行为。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

var top = $(document.body).scrollTop();
$(window).scroll(function(e){
  e.preventDefault();
  $(document.body).scrollTop(top);
  //window.console.log("jj");
});

转载于:https://www.cnblogs.com/wewe/archive/2011/05/28/2060618.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_33830216

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

ReactJs 添加和删除onScroll事件。

xiaotuni的专栏,每天进步一点点

08-27

1万+

大家都可能会遇到这样的问题，那就是滚动事件。比较获取div的滚动事件，在ReactJS想要给div添加一个滚动事件，那基本上是添加不上的(可能是我的能力有限吧，反正我到目前为止，还没有找到可以直接给DIV添加滚动事件的）。要想实现滚动，那就必须得componentWillMount里注册scroll事件， window.addEventListener(‘scroll’, this.onScr

react-scrolllock::locked:防止滚动

05-02

React滚动锁定安装组件时，请防止在<body />上滚动。安装 yarn add react-scrolllock 用法 import ScrollLock , { TouchScrollable } from 'react-scrolllock' ; class Modal extends Component { state = { lockScroll : false } render ( ) { return ( < div> ... // the lock accepts a single child element, which supports touch-scrolling. < ScrollLock> < ElementWithScrollableContent>

参与评论您还未登录，请先登录后发表或查看评论

移动端弹框禁止滚动条滑动

weixin_43876114的博客

05-26

347

$(".angAnimate").bind("touchmove",function (e) { e.preventDefault(); })

<a>标签使用技巧一则：阻止滚动条上滚。

03-09

300

在一个超链接中可以使用href 和onlick，有时要在A的标记同时使用，在同时使用时，有时让href起作用或者失效，那么如何设计呢？使用javascript的时候,通常我们会通过类似： <a href="#" onclick="javascript:方法">提交</a> 提交的方式,通过一个伪链接来调用javascript方法。这种方法有一个问题是：虽...

react,页面弹窗时，阻止页面滚动

Endeavor_No1的博客

05-19

3502

这个问题遇到几次了，每次都忘，记一下。项目场景：弹窗组件，有遮罩问题描述：组件内容超出可滑动，但不希望组件外层的页面滑动，使用onScroll={(e)=>{e.stopPropagation()}}阻止冒泡无效原因分析：阻止外层就作用在外层上解决方案： /** * 显示组件 */ show(text: string) { document.body.style.overflow = 'hidden'; this.setState(.

滚动条高度-页面禁止滚动与复原

刘泽海的博客

06-03

410

滚动条高度 document.body.scrollTop = document.documentElement.scrollTop = 0; 2.页面禁止滚动与复原进行网页开发的时候，我们往往需要限制用户在一段时间内不可以操作滚动条。这样可以防止一些非法操作。所以可以这样控制： document.documentElement.style.overflow='hidden'; document.body.style.overflow='hidden';//手机版设置这个。 1...

支持移动端的jQuery滑动条拖动横向图片滚动特效

01-02

在这个配置中，我们设置了滚动条只在X轴（水平方向）工作，同时当内容尺寸变化时会自动更新，以及阻止默认的鼠标滚轮事件以确保使用自定义的滚动条。至于CSS部分，`css`文件夹中的样式文件将定义滚动条的外观和...

javascript实现滚动条效果

11-20

JavaScript 实现滚动条效果主要涉及对DOM元素的样式操作、事件监听以及动态计算。下面将详细解释这个实例中的关键知识点： 1. **HTML结构**：示例中的HTML包含一个`<div>`元素（id为"container"），内部有一个...

js实现鼠标滑动到某个div禁止滚动

10-14

关于如何使用JavaScript实现当鼠标滑动到指定的div区域内时禁止页面滚动的功能，这是一个在前端开发中可能会遇到的实际需求。通常这种需求是在特定的操作场景中为了提供更好的用户体验而提出的。例如，在一个产品...

js阻止移动端页面滚动的两种方法

10-20

在移动设备上，当用户在页面中进行交互时，有时我们需要阻止页面的默认滚动行为，以便实现特定的交互效果，例如弹出模态框、滚动锁定等。本文将详细介绍两种JavaScript方法来阻止移动端页面的滚动。 ### 方法一：...

详解微信小程序scroll-view横向滚动的实践踩坑及隐藏其滚动条的实现

10-17

2. 为了解决这个问题，可以考虑使用一种“野路子”方法，即在scroll-view外包裹一个高度小于scroll-view高度的容器，这样可以截断滚动条的显示部分，从而达到隐藏滚动条的效果。通过调整外部容器的高度，并结合适当...

React禁止页面滚动踩坑实践与方案梳理

weixin_34283445的博客

07-03

2160

最近在使用 React 技术栈重构一个单页应用，其中有个页面是实现城市选择功能，主要是根据城市的首字母来快速跳转到相应位置，比较类似原生 APP 中的电话联系人查找功能，页面如图主要问题在上下滑动右侧 fixed 定位的元素时，页面会跟着一起滑动当然这个现象在开发过程中应该会经常遇到，比如弹起 modal 框时，如果 modal框...

css禁止滑动页面_禁用滚动，但保持滚动条CSS

weixin_32297123的博客

12-23

884

I can't find a solution to this, there was a question over here, but the answers are not very usable (at least for me).I have a JavaScript modal pop-up that disables everything on the background by pl...

js禁止滚动条移动

weixin_30745641的博客

02-02

318

js禁止滚动条移动 var scrollFunc=function(e){ e=e||window.event; if (e&&e.preventDefault){ e.preventDefault(); e.stopPropagation(); }else{ e.returnvalue=fals...

实现滚动条丝滑滚动，流畅不卡顿，有回弹效果。-webkit-overflow-scrolling