1000字范文,内容丰富有趣,学习的好帮手!
1000字范文 > html5实现纵向滚动 【前端】如何让水平滚动区域的垂直滚动条固定在滚动区域的右边?...

html5实现纵向滚动 【前端】如何让水平滚动区域的垂直滚动条固定在滚动区域的右边?...

时间:2022-03-28 15:36:36

相关推荐

html5实现纵向滚动 【前端】如何让水平滚动区域的垂直滚动条固定在滚动区域的右边?...

1.问题描述

题目可能一下子看不懂,下面这张图是我想实现的效果:

外部div中有一个水平滚动条,内部div中有一个垂直滚动条

但是我必须把水平滚动条拉到最右边,才能看到垂直滚动条。而我想把垂直滚动条固定在视窗口的右边,从而不需要拉动水平滚动条,就能看到垂直滚动条

2.我尝试的方法:

通过谷歌和百度的中文搜索,之所以没英文搜索,是因为这个问题太复杂,以至于用英文描述超出我的能力。

回答

即使同时有横向和纵向滚动条,右侧的滚动条也不可能跑到框框里面去呀,你描述的场景给我的感觉就是右侧的滚动条跑到了div的内部

问题是内部 div 太宽了,不要定度,或者宽度不要超过外部容器。水平滚动条没了,你的问题自然解决了。

下面代码中, .top 是你描述的现象, .bottom 应该是你期望的结果。

标题

你这是用什么做的?原生CSS?

直接加overflow: scroll行不行?

你的问题没说清楚啊! overflow-x: hidden;这样可以实现没有水平的滚动条。不知道是不是你想要的答案。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。