腾讯云

开发者社区

文档建议反馈控制台

首页

文章/答案/技术大牛

发布

社区首页 >问答首页 >完全禁用DIV中任何类型的垂直滚动。

问完全禁用DIV中任何类型的垂直滚动。
EN

Stack Overflow用户

提问于 2013-12-13 08:33:57

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

我需要禁用任何类型的垂直滚动在一个飞越的DIV (我仍然能够滚动它水平)。

overflow:hidden与CSS不能工作，因为你仍然可以滚动鼠标轮点击/智能手机触摸滚动。唯一能做的就是隐藏滚动条，而不是禁用它。

有没有办法用Javascript或jQuery来做到这一点？

提前谢谢。

jquery

scroll

overflow

vertical-scroll

javascript

云点播特惠1元起

提供三端 SDK 、云 API、控制台等多种上传方式，弱网环境下文件上传成功率达到 99.5%

回答 1

Stack Overflow用户

发布于 2013-12-13 08:39:31

你有没有试过降低div的高度，这样就没有地方可以滚动。

您可以将屏幕高度放入一个变量(或稍微少一点)，然后使div保持相同的高度，从而切断任何隐藏溢出的内容。

票数 0

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

原文链接：

https://stackoverflow.com/questions/20571411

复制

div垂直居中的几种方式_div垂直水平居中

css html

利用CSS进行元素的水平居中，比较简单，行级元素设置其父元素的text-align center，块级元素设置其本身的left 和 right margins为auto即可。本文收集了六种利用css进行元素的垂直居中的方法，每一种适用于不同的情况，在实际的使用过程中选择某一种方法即可。

全栈程序员站长

2022/08/03

4.1K0

div垂直居中 css div盒子上下垂直居中

css

div垂直居中 css div盒子上下垂直居中,让DIV盒子在任何浏览器中任何分辨率的显示屏浏览器中处于水平居中和上下垂直居中。 div垂直居中常用于单个盒子，如一个页面里只有一个登录布局，使用div css让这个登录布局水平和css垂直居中。这里介绍一种最简单兼容性最好的水平居中与上下垂直居中的方法。第一种方法：具体实例代码如下

李维亮

2021/07/09

2.8K0

div:给div加滚动条　div的滚动条设置

java https 网络安全

全栈程序员站长

2022/09/14

6.1K0

css的div垂直居中的方法，百分比div垂直居中

css html http

我们都知道，固定高宽的div在网页中垂直居中很简单，相信大家也很容易的写出来，但是不是固定高宽的div如何垂直居中呢？我们在网页布局，特别是手机等web端网页经常是不固定高宽的div，那么这些div如何垂直居中呢？这篇文章，我总结一下。

Dawnzhang

2019/02/27

2.7K0

div在div中垂直居中水平居中(css如何让div水平居中)

https java 网络安全 html

最近写网页经常需要将div在屏幕中居中显示，遂记录下几个常用的方法，都比较简单。水平居中直接加上<center>标签即可，或者设置margin:auto;当然也可以用下面的方法

全栈程序员站长

2022/08/01

15K0

html中div加滚动条

java https 网络安全

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/158145.html原文链接：https://javaforall.cn

全栈程序员站长

2022/09/14

6.1K0

水平/垂直都居中的div

html css

用css样式使div水平／垂直居中,兼容于目前各种主流浏览器思路: 用绝对定位将div左顶点，定位于浏览器正中心，然后再利用负的margin，将div强迫向上移动div高度一半，向左移动div宽度一半 <style> html,body{padding:0;margin:0;} #container { position:absolute; left:50%; width:400px; height:200px; margin-left:-200px; top:50%

菩提树下的杨过

2018/01/22

1.7K0

div滚动条

html https java 网络安全 javascript

overflower：auto（内容溢出的时候出现滚动条；scroll会一直出现滚动条）

全栈程序员站长

2022/09/07

2.5K0

Div 滚动条滚动到指定的位置[通俗易懂]

https java 网络安全 node.js html

(“#container”).scrollTop((“#test4”).position().top +

全栈程序员站长

2022/09/14

3.7K0

无固定高度的div垂直居中

css

1、无固定高度的div垂直居中 – CSS 实现效果图如下：代码附上： <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width,user-scalable=0"> <meta name="apple-mobile-web-app-capable" content="yes">

White feathe

2021/12/08

3.1K0

html中div滚动条设置,DIV滚动条属性及样式设置方式「建议收藏」

javascript

这里向大家描述一下DIV滚动条属性及样式设置，所谓DIV滚动条，就是利用DIV标签，在里面嵌入CSS样式表，加入overflow的属性值，这样，当div所规范的区域内的内容达到一定程序时，滚动条就派上用场。

全栈程序员站长

2022/09/14

7.2K0

vue 中实现div点击一次后禁用

data methods

使用场景：针对某个提交按钮，要求点击一次后禁用 1.样式定义 .click-disable{ pointer-events: none; } 2. data中 data:{ retu

wfaceboss

2020/06/29

2.4K0

DIV元素水平和垂直居中

actionscript html

在前端开发过程中，经常要对元素进行居中设置。一般有水平居中，和垂直居中。一般设置水平居中简单。基本是margin:0 auto，就可以了。但是垂直居中，我们有时会觉得使用vertical-align,但是这个属性对div元素不起作用。目前通用的解决办法是，使用绝对定位，然后设置left和top为50%。然后通过margin来设置。下面具体代码演示了一个简单的登录页面，然后使登录界面水平居中和垂直居中。代码如下： <html> <head> <title>div元素水平和垂直居中</

八哥

2018/01/18

2.8K0

flex布局实现div的水平垂直居中

java https 网络安全

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/143096.html原文链接：https://javaforall.cn

全栈程序员站长

2022/08/31

1.9K0

[技巧分享]如何在Ubuntu 14.04中禁用叠加滚动条

ubuntu linux http html

这是一个如何在Ubuntu中禁用叠加滚动条的小技巧。注意，在本文中讲的不是删除叠加功能，而是告诉你如何启用或禁用它。

用户8704835

2021/06/07

1.9K0

自定义实现垂直滚动的TextView

textview android

通过控制y参数可实现文字不同的垂直距离，这里的x，y并不代表默认横向坐标为0，纵向坐标为0的坐标，具体详解我觉得这篇博客解释的比较清楚，我们主要关注的是参数y的控制，y其实就是text的baseline，这里还需要解释text的杰哥基准线：

大大大大大先生

2018/09/04

1.9K0

html div 隐藏滚动条样式,div滚动条样式隐藏与显示

html javascript css

DIV滚动条样式是可以设置的，CSS滚动条同样也可以显示与隐藏，对div设置滚动条，设置其横向滚动条和纵向滚动条样式应该怎么做呢？

全栈程序员站长

2022/09/14

8.9K0

div盒子水平垂直居中方法

其他

这是最简单的方法，不仅能实现绝对居中同样的效果，也支持联合可变高度方式使用。内容块定义transform: translate(-50%,-50%) 必须加上

Daotin

2018/08/31

1.9K0

让div水平垂直居中的几种方法

css

利用 CSS 来实现对象的垂直居中有许多不同的方法，比较难的是选择那个正确的方法。使用 CSS 实现水平居中很容易，但要实现垂直居中并不容易。而且有些方法在一些浏览器中无效。下面我们看一下使对象垂直集中的几种不同方法，以及它们各自的优缺点。

兔云小新LM

2019/07/24

2.1K0

实现div里的img图片水平垂直居中

https java 网络安全

方法一：将display设置成table-cell，然后水平居中设置text-align为center，垂直居中设置vertical-align为middle。

全栈程序员站长

2022/08/22

3.2K0

相似问题

禁用div/img上的垂直滚动

410

禁用垂直弹跳，但不要在div中滚动。

启用div中div的垂直滚动

垂直滚动div

垂直滚动<DIV>

活动推荐

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

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例