.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、然后点击刷新页面就重新加载了。
题主可使用javascript里的ajax函数来实现html页面里的局部刷新功能，比如：我只刷新html页面中的某个div，把div中的内容换掉，或者数据更新，可以通过改变ajax函数的url访问路径来实现，可以访问某个目录下的文件，或者发送请求到服务器来刷新数据都可以，这是比较常用的方法，我举个例子：
我在html页面中用ajax来将ajax_info.txt这个本地文本文档中的内容重新刷新加载到id为myDiv的div控件中，而页面不用整个刷新。
ajax_info.txt内容为：
<p>AJAX 不是新的编程语言，而是一种使用现有标准的新方法。</p>
<p>
AJAX 是与服务器交换数据并更新部分网页的艺术，在不重新加载整个页面的情况下
</p>
html页面代码为：
<html><head>
<meta charset="utf-8">
<script>
function loadXMLDoc()
{
var xmlhttp
if (window.XMLHttpRequest)
{
// IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
xmlhttp=new XMLHttpRequest()
}
else
{
// IE6, IE5 浏览器执行代码
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP")
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("myDiv").innerHTML=xmlhttp.responseText
}
}
xmlhttp.open("GET","/try/ajax/ajax_info.txt",true)
xmlhttp.send()
}
</script>
</head>
<body>
<div id="myDiv"><h2>使用 AJAX 修改该文本内容</h2></div>
<button type="button" onclick="loadXMLDoc()">修改内容</button>
</body>
</html>
原本页面效果为：
点击按钮后页面效果为：
题主可以一试，如果觉得繁琐，可以看看jquery的ajax函数，是经过优化和简化的，更方便使用和上手。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）