방문자가 게시물로 스크롤 할 때 위젯을 이동하는 방법?

Question

내 워드 프레스 블로그에 공유 후 위젯이 있습니다.

.post-share { 
    width: 80px; padding: 10px 0px; padding-bottom: 0; background: #ffffff; border: 1px solid #CCC; 
    -webkit-border-radius: 8px; 
    -moz-border-radius: 8px; 
    border-radius: 8px; 
    text-align: center; 
    position: absolute; 
    top: 680px; 
    left: auto; 
    z-index: 99; 
    margin-left: -120px; 
} 

이 페이지 (http://www.linuxstall.com/linux-file-permissions-chmod/)를 확인하십시오. 위치는 absolute입니다. 따라서 방문자가 페이지로 스크롤하면 사라집니다. 위치를 '고정'으로 변경할 때. 사용자는 브라우저에서 '전체 화면'을 켜야 완전한 위젯을 볼 수 있습니다 (실제로 위젯은 길다). 나는 그것을 절대적으로 원하지만 나는 방문자가 페이지를 내려감에 따라 내려야한다고 원합니다. 내가 어떻게 해?

Answer 1

"쉬운"방법은 CSS를 약간 변경하는 것입니다. 단지 (사용자가 640 × 480에서 실행까지) 화면 하단에 위젯을 완전히 볼 수 있도록 위치에서 사용자가 스크롤하는 동안 아래로 남아있을 것입니다

positiion: fixed; 
bottom: 10px; 

느릅 나무와

position: absolute; 
top: 680px; 

를 교체합니다.

사이트를 열 때 위젯을 절반 만 볼 수 있지만 사용자가 스크롤을 시작할 때 뷰포트 맨 위에 표시되도록하려면 일부 자바 스크립트가 필요합니다 (필자의 의견으로는 가능한).