2012-07-09 34 views
1

我已经尝试使用位置固定,但我似乎无法找到如何做到这一点,我希望我的边栏保持固定沿着屏幕作为用户滚动,我的侧边栏元素ID是#displayside有人可以帮我解释一下我必须做些什么才能解决这个问题。CSS和JS,让div跟滚动

请原谅,如果这个问题太明显,但我只是开始编码,我需要帮助。

谢谢!

#displayside { 
    width: 15%; 
    /* margin-left: 25px; */ 
    float:right; 
    text-align:center; 
    padding:5px; 
    margin:3px; 
    background-image:url('/resources/images/htmlbg.jpeg'); 
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    border-radius: 10px; /* future proofing */ 
    -khtml-border-radius: 10px; /* for old Konqueror browsers */ 
    position: fixed; 
+1

给它固定确实会实现你想要的位置设置顶部和左侧。如果它不起作用,请发布一些代码,或者更好地设置一个JS小提琴,否则我们会完全盲目地工作。 – Utkanos 2012-07-09 12:41:18

+0

谢谢,我会做第二次看,如果它仍然无法正常工作,我会张贴的CSS。 – user115422 2012-07-09 12:42:31

+0

只是为了扩大,我将如何使滚动只有一个元素?所以我有主要内容滚动固定标题和东西。 – user115422 2012-07-09 13:20:42

回答

2

使用position:fixed

#displayside 
{ 
position:fixed; 
} 

,并根据您的要求

#displayside 
    { 
    position:fixed; 
    left:10px; 
    top:10px; 
    } 
+0

'#面板{宽度:15%; /* margin-left:25px; */ float:right; text-align:center; padding:5px; margin:3px; background-image:url('/ resources/images/htmlbg.jpeg'); -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;/*未来打样*/ -khtml-border-radius:10px;/*用于旧版Konqueror浏览器*/ position:fixed;'??它不工作! – user115422 2012-07-09 12:45:21

+0

谢谢,我错过了屏幕上的定位,现在它工作。 – user115422 2012-07-09 12:49:43

+1

http://jsfiddle.net/2bm3w/正常工作 – Rab 2012-07-09 12:50:38