腾讯云

开发者社区

文档建议反馈控制台

首页

文章/答案/技术大牛

发布

社区首页 >问答首页 >隐藏的溢出正在使页面跳到顶部

问隐藏的溢出正在使页面跳到顶部
EN

Stack Overflow用户

提问于 2021-02-23 11:58:38

回答 1查看 133关注 0票数 1

我在我的react项目中使用了antD。

当打开一个模型或抽屉时，它添加了隐藏在主体中的溢出。

这会导致我的页面跳转到顶部。

我试过很多方法，

height: auto

从html中删除溢出

但是没有一个解决方案对我来说效果很好。

css

reactjs

react-hooks

antd

云点播特惠1元起

提供制作上传、存储、转码、媒体处理、媒体 AI、加速分发播放、版权保护等一体化的高品质媒体服务

回答 1

Stack Overflow用户

发布于 2021-02-23 12:21:55

其中一个技巧是在打开模型之前获取body的scrollTop，然后在模型打开后滚动到它

let bodyScrollTop=document.body.scrollTop;
// open model here
document.body.scrollTop=bodyScrollTop;

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/66332686

复制

axure 发布后隐藏顶部菜单或展开顶部菜单[通俗易懂]

https 网络安全 java html

axure 9.0 版本在发布后HTML页面打开时总是在顶部弹出菜单既不美观也影响效果

全栈程序员站长

2022/09/23

1.6K0

网站 css javascript

1 使用文字添加方法最简单的是：最简单的“返回顶部”代码就是“<a href=”javascript:scroll(0,0)”>返回顶部</a>”（不包括引号），(0,0)代表座标，第一位是水平，第二位是垂直，(0,0)就表示网页左上角，文字部分（返回顶部）可以自由替换成自己需要的内容，比如也可以用“TOP”都可以。

全栈程序员站长

2022/11/08

3.2K0

js滚动到页面顶部

javascript

js平滑滚动到顶部,底部,指定地方采用锚点进行页面中的跳转的确很方便，但是要想增加网页的效果，可以使用jquery中的animate，实现滚动的一个动作，慢慢的滚动到你想跳转到的位置滚动到顶部：

IT工作者

2022/01/15

13.4K0

js滚动到页面顶部

javascript

我们可以使用原生的JavaScript window.scrollTo 传入0,0 将会立即滚动到页面左上角。

用户1349575

2021/12/28

14.4K0

js实现返回页面顶部

jquery

无动态效果 1、原生JS window.scrollTo(0,0); 2、jQuery $(window).scrollTop(0); 有动态效果 1、原生JS function smoothscroll(){ window.requestAnimationFrame(smoothscroll); window.scrollTo (0,currentScroll - (currentScroll/5)); } 2、jQuery $('html,bod

Rattenking

2021/01/29

6.4K0

js 返回页面顶部的实现( layui)

其他

需要注意的是, 你必须要确定好鼠标滚动所绑定的DOM元素到底是什么.例如, layui中的页面滚动绑定的是 document.getElementsByClassName('layui-body')

一个会写诗的程序员

2018/08/17

5.1K0

js点击按钮返回页面顶部

jquery 网站建设 fixed position

在进行官网一类的网站建设时，经常会出现页面太长的现象，当用户滚动滚动条到最底部时返回顶部需要滚动多下滚动条，用户体验相当不好，于是就出现了当滚动条滚动到一定位置后出现返回顶部按钮，点击该按钮返回顶部，并且有一定的效果。

OECOM

2020/07/01

25.1K0

iOS实例——滑动列表展现/隐藏顶部视图

node.js ios

项目中需要一个效果：下滚列表时顶部的自定义视图不移动，上移时隐藏顶部视图，提高列表的展现范围。在此基础上海加了一个隐藏列表时的动态渐入渐出效果，如下：

Cloudox

2021/11/23

1.9K0

jquery获取元素到页面顶部的距离

jquery com footer offset 语法

在前端开发过程中，经常会遇到要求滚动条滚动到某位置时某按钮固定在页面上，否则悬浮于页面上。这时就会用到获取需要固定在页面位置的元素距离页面顶部的距离，通过比较文档滚动条到顶部的距离和页面元素到顶部距离的大小便可确定。

OECOM

2020/07/01

5.3K0

页面切换时为什么会自动跳到recyclerView的位置？

android

页面切换时RecyclerView获得了焦点，RecyclerView的 focusableOnTouchMode属性默认是true，所以页面切换时RecyclerView自动获得焦点就滚动到头部。抢焦点的问题。

yechaoa

2022/06/10

6140

文字溢出隐藏以及和flex冲突的问题

css flex width 布局前端

在某些段落中，页面要求文字只显示一行，但是width固定，而文字过长，就会出现一个需求，超过长度限制的文字被隐藏且显示省略号，css 支持这样的属性。

子舒

2022/06/09

1.8K0

实现网页自动跳到其他页面的几种方法

http html

某些时候我们需要实现网页的自动跳转，比如404错误页可以加入代码让它自动跳转到首页，下面介绍三种html页面自动跳转的方法。

德顺

2019/11/13

6K0

CentOS7隐藏修改顶部和底部panel

shell node.js centos linux javascript

mount -o loop,rw squashfs-root/LiveOS/rootfs.img ./tmp

孤鸿

2022/09/23

1.7K0

点击按钮，回到页面顶部的5种写法

javascript http css

2.scrollTop:scrollTop属性表示被隐藏在内容区域上方的像素数。元素未滚动时，scrollTop的值为0，如果元素被垂直滚动了，scrollTop的值大于0，且表示元素上方不可见内容的像素宽度

全栈程序员站长

2022/09/07

2.7K0

[CSS]JQuery 操作CSS使DIV显示或者隐藏

vue.js

在某些需求中，你需要点击按钮显示某个div，并隐藏已经显示的按钮。同时点击另外一个按钮，又会隐藏已经显示的，并显示已经影藏的。当然当你使用mvvm框架（vue，react之类的）的框架的时候是不存在这些问题的。显然，当你翻到我这个博客的时候是没有用vue之类的，因此，你只要看我下面的代码就好了

用户2353021

2020/05/11

4.1K0

多行文本溢出使用展开，隐藏

多行溢出组件 <template> <div class="multiline-overflow-wrapper"> <input v-model="showall" class="exp" type="checkbox" /> <div class="text" :style="textStyleObject"> <label class="btn" @click="showall = !showall"></label> {{ info }}

拿我格子衫来

2022/01/24

1.9K0

CSS 样式控制溢出的数据省略号隐藏

其他 http

泥豆芽儿 MT

2018/09/11

1K0

uniapp中去掉顶部导航栏-指定某页面去掉顶部导航栏

json

uniapp项目中如果想关闭所有页面的顶部导航栏在page.json中 "globalStyle": { "navigationStyle":"custom", }, 如果是指定某个页面关闭顶部导航栏 ,{ "path" : "pages/index/webview", "style": { "navigationStyle":"custom" }

唯一Chat

2023/04/13

2.4K0

Android：隐藏标题栏/透明顶部状态栏

java android gradle app mvp

状态栏默认的颜色是绿色的，很丑，更改颜色可以在theme中修改对应主题的颜色。当然，个人认为透明状态栏最为美观，下面是实现方式：

zstar

2022/06/14

2K0

点击加载更多

相似问题

FancyBox跳到页面顶部

CSS:使“溢出:隐藏”隐藏顶部而不是底部？

视差div跳到页面顶部

阻止href #跳到页面顶部

Jquery Mobile和触摸溢出跳到屏幕顶部

活动推荐

体验智能媒资降冷，云点播优惠不要错过！

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例