2013-03-28 1 views
7

부트 스트랩 드롭 다운 메뉴가 있습니다. 드롭 다운 메뉴에서 값을 선택하면 포커스가 페이지 상단으로 이동합니다.부트 스트랩 드롭 다운 메뉴가 페이지 위쪽으로 이동하도록 집중합니다.

<a class = "btn dropdown-toggle" data-toggle = "dropdown" data-target = "#"> 
    <span class = "caret"></span> 
</a> 

jFiddle 예 here을 다음과 같이 드롭 다운 메뉴의 클래스 옵션이 있습니다. 결과 창에서 드롭 다운 메뉴로 스크롤해야합니다.

이 문제를 해결하는 가장 좋은 방법은 무엇입니까?

+0

당신이 시도하고 #을 제거 할 수 있습니다, 즉 그 행동의 원인이됩니다 W7gbj/1/ – Jimmyt1988

+0

@JamesT 안녕 제임스, 나는 # 제거하려고했지만 행동을 변경하지 않습니다 –

+0

좋아, 내가 그것에 대해 자세히 살펴 보겠습니다. 내 사과 – Jimmyt1988

답변

17

코드에 앵커가 # 개 있습니다.

누군가가 이것을 클릭하면 브라우저는 페이지 상단으로 이동하여 존재하지 않는 앵커를 찾습니다.

#을 제거하더라도 링크가 페이지를 새로 고침해야한다고 생각합니다.

당신이 스타일의 앵커가 필요한 경우는,이 ​​같은 수행 - http://jsfiddle.net/

<a href = "javascript:return false;">link text</a> 

http://jsfiddle.net/W7gbj/7/

+1

나는 javascript : void (0)로 완성 된 바이올린을 가지고있어서 거기에 버렸습니다. 당신이 꺼리지 않기를 바랍니다. – isherwood

+0

ahhh javascript : void (0) <코드에서 숨어서 구석에 숨 깁니다> LOL 몰랐습니다. 이제 나는 죄책감을 느낀다. 고마워. – Jimmyt1988

+0

대부분의 경우 작동합니다. 사용할 SO에 관해서 많은 논의가 있습니다. – isherwood

관련 문제