상단 메뉴가 스크롤에 따라 이동합니다.

2016-06-15 (수) 19:58:57 4,800

안녕하세요.

홈페이지를 밑으로 이동하면, 상단의 메뉴가 오른쪽으로 이동합니다.

상단 메뉴를 고정하는 법을 가르쳐 주십시요~~^^

(제 홈페이지 주소입니다. http://nix03133.dothome.co.kr/yc5/shop/)

<기본>

22b19f8861d2605df96ab8b85b8fdb0c_1465296637_783.jpg 

<스크롤을 밑으로 이동할 때>

22b19f8861d2605df96ab8b85b8fdb0c_1465296665_4428.jpg
 

|

답변 3개 / 댓글 2개

2016-06-17 (금) 12:03:44

부트스트랩 사이트가보면 고정헤드 예제잇어요~ 

2016-06-16 (목) 02:21:29

해당사이트는 부트스트랩이며 부트스트랩이 아닐경우엔

  1. positionfixed;

적용하시면 따라올겁니다. 메뉴부분에 style을 추가하세요

답변에 대한 댓글 1개

답변 감사합니다.
부트스트랩인데요, 수정하여 고정시키는 방법은 없을까요?

<nav class="navbar navbar-custom navbar-inverse navbar-static-top container affix-top" id="nav"> 

<nav class="navbar navbar-custom navbar-inverse navbar-static-top container affix" id="nav"> 

 

스크롤 할때 affix-top 에서 affix로 바뀌네요.

bootstrap.min.css에서 navbar에 대한 속성을 변경 해 주시면 될듯 합니다. 


답변에 대한 댓글 1개

답변 감사합니다.
navbar에 대한 속성을 어떻게 변경 해 주는 건지 좀더 구체적으로 가르쳐주실 수 있나요?

답변을 작성하려면 로그인이 필요합니다.