2013-02-20 76 views
11

我的网站导航需要浮动到容器的右侧,但处于固定位置,以便每当页面滚动时,导航仍位于顶部350px的右侧。这个工作,直到我申请position:fixed,之后导航卡在右侧。任何想法,我怎么能有两全其美(右边,固定位置)?浮动导航右侧的固定位置?

http://jsfiddle.net/eeCgr/

+0

[A良好的解决方案](http://www.profilepicture.co.uk/sticky- sidebar-jquery-plugin /)并且非常简单。与'position:absolute'一起使用它。 – Vucko 2013-02-20 23:19:00

+0

看来Vucko的链接不再起作用,并且该项目已移至https://github.com/p-m-p/jQuery-Stickybox – Teepeemm 2015-07-28 15:23:35

回答

38

的位置用法:固定需要调整顶部/右/下/左CSS的导航元素获取到所需的位置。

例如:

nav { 
    right: 0; 
    top: 50%; 
} 

nav { 
    right: 0; 
    top: 0; 
} 
-1

方法X:

只需创建另一个部门内所需的除法。

给定位置:固定;宽度:100%;属性到外部div。

给浮动:正确;财产的内部股利。

由于float和position属性被赋予两个不同的分区,所以它会生效。确保两个部门的所有其他属性相同。

(隐藏外层div,改变其α值(a)中的颜色以与0.00 HSLA代码的)