滚动垂直条时,如何将幻灯片放在页面右上角 这是Css我的代码
CSS
<style>
body {
width:100%;
overflow-x:hidden;
margin:0;
}
#slide {
background:rgba(0,0,0,0.4);
width: 200px;
float: right;
margin-right: -180px;
}
p {
color: red;
margin: 5px;
cursor: pointer;
float: right;
min-height: 200%;
}
p:hover {
background: yellow;
}
</style>
这是我的HTML代码 的 HTML
<body>
<b>Jscript Animate Example</b>
<div id="slide">
<ul>
<li>Home</li>
<li>About</li>
<li>Contact</li>
</ul>
</div>
<p>First Paragraph</p>
<p>Second Paragraph</p>
<p>Yet one more Paragraph</p>
</body>
我的Jquery代码 的 Jquery的
<script>
var menu = 0;
$("#slide").click(function() {
if (menu == 0) {
menu = 1;
$(this).animate(
{marginRight: '0px'},200
);
} else {
menu = 0;
$(this).animate(
{marginRight: '-180px'},200
);
}
});
</script>
但是当我向下滚动时,它会移动到顶部。我可以将它固定在顶部,即使我向下滚动。
答案 0 :(得分:0)
您是否尝试过固定位置和顶部,右侧坐标?
答案 1 :(得分:0)
试试这个
#slide {
background:rgba(0,0,0,0.4);
width: 200px;
top: 0;
right: 0;
border: 1px solid #000000;
position: absolute;
}
上查看