我在
asked this question这个工作伟大的文字(顶部链接)强制在右边滚动.
问题是页面上的一个,当我垂直滚动时,即使我向下滚动它们显示在我的主要内容之上,顶部链接仍然在页面的顶部.
什么是强制文本被强制向右的方法,但是当我垂直滚动时不要移动？
今天是我的CSS
#toplinks ul
{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
border:medium none;
color:#2F6FAB;
cursor:default;
line-height:1.4em;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0 1em 0 1em;
text-align:right;
z-index:0;
font-size: 85%;
position:fixed;
right:0;
}
解决方法
我想你想要的东西像
this.纠正我,如果我错了.我编辑ptriek的代码并修复它,以便粘贴的东西不移动,如果页面是垂直滚动,但移动与页面保持其位置固定如果页面是水平滚动.
CSS代码是一样的：
#sticky
{
background:red;
position: fixed;
top: 0px;
right: 0px;
width: 206px;
padding: 0;
font-size: 0.6875em;
}
p {
width:1000px;
}
$(window).scroll(function(event) {
$("#sticky").css("margin-top",0-$(document).scrollTop());
});
或者,如Aaron所建议的,这可以不用JavaScript来完成.你可以看到效果here.
我希望它有效
