내 웹 사이트에 스크롤 막대를 삽입하는 좋은 방법입니까?

Question

내 자신 만의 스크롤 바를 코딩하고 있지만 사용중인 방법에 대해 확신합니다. 위의 그림에서 볼 수 있듯이 좁은 내용의 div 안에 더 넓은 회색 div를 넣었습니다. 그런 다음 회색의 콘텐츠를 콘텐츠 z- 색인보다 적은 z- 색인으로 만들기 위해 CSS를 설정했습니다. 그것은 괜찮아요 일단 웹 사이트를 스크롤하면 콘텐츠를 따르지만 내 질문은 -이 같은 막대를 배치하는 좋은 방법은 무엇입니까? 어쩌면 더 쉬운 해결책이 있고 브라우저 호환성을 위해 더 좋은가?

감사

, 매트

Answer 1

당신은 적은 공간에 아래로 잘라 DIV의 크기를 가지고보다 것은 postion:fixed 그래서 스크롤로 이동하는 것을 할 수 있습니다.

Fiddle

HTML

<div id='div1' align='center'> 
    <span id='grey'>Like</span><br>Tweet<br><span id='grey'>Share</span> 
</div> 
<div id='div2' align='center'>Content</div> 

CSS

#div1 { 
    position:fixed; 
    top:30px; 
    left:5px; 
    background:yellow; 
    height:60px; 
    width:50px; 
    border:4px ridge black; 
} 
#div2 { 
    height:800px; 
    width:200px; 
    background:orange; 
    margin-left:60px; 
} 
#grey { 
    background:grey; 
} 

Answer 2

왜 상대적으로 컨텐츠 사업부 (내 생각) "트윗 주처럼"위치하지 않습니다.

div#content{position:relative;} 및 div#share{position:absolute;top:...;left:.. }