html局部左右滑动怎么实现?

html局部左右滑动怎么实现?,第1张

css

.minVideoViewBox{

width:100%

overflow-x: auto

overflow-y: hidden

white-space:nowrap

&::-webkit-scrollbar{// 滚动条整体

background:none

}

&::-webkit-scrollbar-thumb{//滑块

background: rgba(71, 145, 242,.5)

border-radius: 5px

}

&::-webkit-scrollbar-track{//轨道

}

&::-webkit-scrollbar-button{//两端按钮

}

&::-webkit-scrollbar-track-piece{//滚动条中间部分

}

}

.miniStreamView{

width:80px

height:80px

display: inline-block

background:pink

margin:6px

}

再用js来处理,这是一种方法。

另一种方法是不用iframe,借助js *** 作DOM显示与隐藏。

如果单单只用html、css没办法实现你说的效果。

页面局部刷新的方法:

1、首先打开你想要打开的网站或网页,我先打开百度经验。

2、电脑系统不一样,软件不一样,刷新的标志也可能不一样。我这个网页刷新的是在左上角的一个带小箭头的圆圈。

3、然后点击刷新页面就重新加载了。


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/zaji/6280021.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-03-19
下一篇2023-03-19

发表评论

登录后才能评论

评论列表(0条)

    保存