怎么用html设置一个可点击的长图标悬浮在网页右边上，随网页的滚动而滚动，
3个回答
展开全部
悬浮按钮只需要设置按钮positi的属性为fixed即可。
例子：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>浮动按钮</title>
<style>
*
{
margin: 0px;
padding: 0px;
}
#container
{
width: 1000px;
height: 3000px;
background-color: #1b6d85;
margin: auto;
}
#div1
{
height: 600px;
background-color: #255625;
}
#div2
{
height: 600px;
background-color: #c0a16b;
}
#div3
{
height: 600px;
background-color: #b92c28;
}
#div4
{
height: 600px;
background-color: #449d44;
}
#div5
{
height: 600px;
background-color: #999999;
}
.btn-style
{
width: 30px;
height: 120px;
position: fixed;/*此处即是固定按钮位置的属性。*/
left: 1500px;
top: 400px;
}
</style>
</head>
<body>
<button class="btn-style">这是一个浮动按钮</button>
<div id="container">
<div id="div1">第一节</div>
<div id="div2">第二节</div>
<div id="div3">第三节</div>
<div id="div4">第四节</div>
<div id="div5">第五节</div>
</div>
</body>
</html>
效果图：
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<p id="top"><a>test</a></p>
#top {
z-index: 2;
position: fixed;
bottom: 100px;
right: 80px;
font-size: 50px;
cursor: pointer;
}
#top {
z-index: 2;
position: fixed;
bottom: 100px;
right: 80px;
font-size: 50px;
cursor: pointer;
}
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
position:fixed; right:0; top:500px;
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
