따라다니는 메뉴 질문입니다.
본문
아미나빌더를 사용중이며
위젯을 이용해서 따라다니는 메뉴를 삽입해봤는데요.
정상적으로 잘 노출이되나
제가 원하는 위치에 멈추지 않고 하단(푸더쪽)에 위치하는데
이걸 푸더위에 위치 시킬 수 있을까해서
질문을 올립니다.
style="position: fixed; width:50px; top: 580px; left: 50%; z-index: 7000; margin-left: 610px;"
윗쪽이나 옆으로는 설정을해서 원하는 위치에 가는데요.
하단부분은 bottom: 10px; 사용해도 먹히지가 않네요.
조언 좀 부탁드립니다.
답변 2
IE포기하신다면 stiky 속성을 사용하실수 있습니다.
지원해야된다면 stiky js같은 라이브러리를 사용하셔야됩니다.
fixed는 top 속성과 bottom 속성을 같이 사용할수 없습니다.
style="position: fixed; width:50px; left: 50%; bottom:10px z-index: 7000; margin-left: 610px;"
제이쿼리로 제어하시면 될듯 합니다.
위 링크에서 현재 페이지의 총 height 를 계산한뒤에
http://www.devkuma.com/books/pages/225
해당 푸터 오브젝트의 높이를 계산하고
if(현재스크롤값 >= 페이지높이-푸터의 높이){
해당 fixed 개체 bottom값을 푸터의 높이만큼
또는 position 속성을 absolute로 변경
}
이런식으로 코딩하시면됩니다.
직접 하시는게 귀찮으시면
제이쿼리 라이브러리가 있는데 가장 대표적인게 sticky 입니다.
근데 ie 지원이 안되죠.
근데 또 안되는게 어딨나요
https://moonformeli.tistory.com/24
아래 링크를 보시면 ie 도 지원가능하게 할수 있습니다.
이 모든게 어렵고 복잡하시면 의뢰로 가시면됩니다~
화이팅입니다!
