div.toggle (JQUERY) 이후에 스크롤 위치 유지 보수

JQUERY 토글 이벤트 후 페이지 스크롤 위치를 어떻게 유지합니까? 검색 및 조사했지만이 문제를 해결할 수있는 해결책을 찾지 못했습니다.div.toggle (JQUERY) 이후에 스크롤 위치 유지 보수

<script src="Scripts/_hideShowDiv/jquery-1.3.2.min.js" type="text/javascript"></script> 
    <script type="text/javascript"> 
     $(document).ready(function() { 
      $('#adddriverpanel').hide(); 

      $('a#adddrivertrigger').click(function() { 
       $('#adddriverpanel').toggle(400); 

      }); 


     }); 
    </script>

출처

2014-04-16 user3487415

다음과 같이 (jQuery를 통해)

당신이 그것을 해결 한 수있는 또 다른 방법은 무엇입니까? .hide() 및 .toggle()은 스크롤 위치와 아무 관련이 없으므로 스크롤 위치가 왜 문제인지 설명하면 도움이 될 것이라고 생각합니다. IE : 무엇이 바뀌면서 문제가되고 있습니까? jsfiddle을 게시하거나 코드/설명을 확장하여 수행하려는 것을 포함 시키십시오. –

내 div를 표시하려면 클릭하십시오. 내 페이지 상단으로 이동합니다. – user3487415

음, 그런 바보 같은 질문을하는 것이 싫지만 ID 또는 이름이있는 html 내에서 우연히 achor 태그 (a)를 사용합니까? 'adddrivertrigger'와 반대되는 '#adddrivertrigger'가 있습니까? 내가 무엇을하는지 자세히 설명하기 위해 스크롤 위치를 변경해야하는 jquery가 없으므로 HTML을 게시해야합니다. 보기에 변경을 일으키는 페이지에 # (딥 링크) 참조가 있다고 생각합니다. –

코드를 검토 한 후, 당신은 단순히 다음에 HTML을 업데이트해야합니다 :

는이 링크에 가지고 있었던 '#'는 페이지의 상단에 당신을 가지고있는 것이다

<a id="adddrivertrigger" href="javascript:void(0);" class="auto-style2">Add Drivers</a>

클릭 이벤트에 href가있는 앵커 태그를 사용하려는 경우 href가 실행되지 않도록해야합니다 (원하지 않는다고 가정 할 때). 당신은 일반적으로 클릭 이벤트에

return false;

를 추가하여이 작업을 수행 할 수 있지만, 빈 HREF 속성에 대한 더 나은 연습은 '#'에 반대 자바 스크립트 호출 널을 만드는 것입니다. 웃음에 대한

, 여기 당신이 /하지/HREF 속성을해야 할 몇 가지 다른 사항은 다음과 같습니다

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

위의 모든

다른 브라우저와의 불일치 문제를 제기 자바 스크립트 또는 무효 중 하나입니다. 당신은 문제가 무엇을 경험하고있다

  $('a#adddrivertrigger').click(function() { 
      $('#adddriverpanel').toggle(400); 
      return false; 
     });

출처

2014-04-16 03:30:52

작동 중! 미안 나는 잠시 밖에 나가야 해 !!!!!! 감사! 나는 이미 당신의 대답을 받아 들였습니다 !! 다시 한 번 감사드립니다 !!!!! – user3487415

굉장합니다. 조심해! –

div.toggle (JQUERY) 이후에 스크롤 위치 유지 보수

답변

관련 문제