html – 如何避免位置：固定在屏幕上垂直滚动时停留？

概述我在 asked this question这个工作伟大的文字(顶部链接)强制在右边滚动. 问题是页面上的一个,当我垂直滚动时,即使我向下滚动它们显示在我的主要内容之上,顶部链接仍然在页面的顶部. 什么是强制文本被强制向右的方法,但是当我垂直滚动时不要移动？ 今天是我的CSS #toplinks ul{ -moz-background-clip:border; -moz-back 我在 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;}

但JavaScript代码略有修改：

$(window).scroll(function(event) {    $("#sticky").CSS("margin-top",0-$(document).scrolltop());});

或者,如Aaron所建议的,这可以不用JavaScript来完成.你可以看到效果here.

我希望它有效

总结

以上是内存溢出为你收集整理的html – 如何避免位置：固定在屏幕上垂直滚动时停留？全部内容，希望文章能够帮你解决html – 如何避免位置：固定在屏幕上垂直滚动时停留？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。