열릴 때 측면 탐색이 콘텐츠를 오른쪽으로 푸시하도록 만들기 (JQuery)

롭 헌

이 github repo here 에서와 같이 페이지가 열릴 때 내 페이지 콘텐츠가 300px (사이드 탐색 너비)만큼 오른쪽으로 밀리도록 노력했습니다 .

div #content에 푸시 할 모든 콘텐츠를 포함했습니다.

그러나 어떤 이유로 이것은 여기에 영향을 미치지 않습니다.

function openNav() {
  document.getElementById("Therightnav").style.width = "300px";
  document.getElementById("content").style.marginRight = "300px";
}

function closeNav() {
  document.getElementById("Therightnav").style.width = "0";
  document.getElementById("content").style.marginRight = "50px";
}

어떤 도움을 주시면 감사하겠습니다.

Jaydip Shingala

이 코드를 사용해보십시오.

function openNav() {
  document.getElementById("Therightnav").style.width = "300px";
  document.getElementById("footer_container").style.marginRight = "300px";
  var x = document.getElementsByClassName("slideshow-container");
  x[0].style.marginRight = "300px";
}

function closeNav() {
  document.getElementById("Therightnav").style.width = "0";
  document.getElementById("footer_container").style.marginRight = "50px";
var x =   document.getElementsByClassName("slideshow-container");
  x[0].style.marginRight = "50px";
}

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

Md-Sidenav. 사이드 내비게이션이 열려있을 때 메인 콘텐츠를 오른쪽으로 푸시하려면 어떻게해야합니까?

분류에서Dev

콘텐츠가 div 하단에 도달 할 때 오른쪽으로 이동하도록 div에 콘텐츠를 패킹하는 방법

분류에서Dev

jquery를 사용하여 콘텐츠를 오른쪽에서 왼쪽으로 슬라이드

분류에서Dev

콘텐츠를 압축하지 못하도록 측면 탐색 메뉴 중지

분류에서Dev

프리 / 코드 콘텐츠가 너무 길지만 콘텐츠를 스크롤 할 수있을 것으로 예상하는 경우 열이 오른쪽으로 확장 됨

분류에서Dev

메뉴를 밀어서 전환하기 전에 콘텐츠를 오른쪽으로 이동

분류에서Dev

측면 탐색을 콘텐츠와 같은 높이로 설정

분류에서Dev

소스 코드 사이트를 열면 실제로 표시 할 때 콘텐츠가로드됩니까?

분류에서Dev

Python에서 데이터 콘텐츠를 열로 사용하여 테이블 만들기

분류에서Dev

div 콘텐츠를 왼쪽 오른쪽으로 슬라이드하는 방법 ..?

분류에서Dev

화면 크기에 따라 다른 바닥 글 탐색 모음 콘텐츠를 표시하는 방법

분류에서Dev

내 부트 스트랩 탐색 모음이 화면에서 오른쪽으로 이동하지만 왼쪽에서 들여 쓰기됩니다.

분류에서Dev

페이지로 유연하게 크기를 조정할 때 메인 콘텐츠에 오른쪽 사이드 바를 올리는 방법은 무엇입니까?

분류에서Dev

div를 열 때 오른쪽의 정보가 아래로 푸시되지 않도록하려면 어떻게해야합니까?

분류에서Dev

새 콘텐츠를 만들 때 TODO Eclipse를 생성하지 마십시오.

분류에서Dev

모바일보기에서 모든 콘텐츠를 오른쪽으로 이동

분류에서Dev

Google 스프레드 시트-콘텐츠를 별도의 열로 자동화하는 SKU 만들기

분류에서Dev

브라우저 크기를 조정할 때 중앙 콘텐츠가 페이지 오른쪽으로 이동합니다.

분류에서Dev

javascript로 모든 콘텐츠를 표시하도록 div 높이 늘리기

분류에서Dev

JQuery를 사용하여 외부 HTML 페이지의 콘텐츠로 여러 div를 채우고 각 div의 속성을 기반으로 해당 콘텐츠를 업데이트하려면 어떻게해야합니까?

분류에서Dev

측면 탐색이 없을 때 상단 탐색 크기 조정

분류에서Dev

다단계 푸시 메뉴 jQuery 플러그인을 사용하지만 콘텐츠를 화면 밖으로 밀어냅니다.

분류에서Dev

다른 콘텐츠가있을 때 들여 쓰기를 수행하는 방법

분류에서Dev

서랍 탐색기 도구 모음에서 아이콘을 오른쪽으로 이동

분류에서Dev

콘텐츠를 정기적으로 업데이트해야하는 IOS 앱 만들기 (하루에 몇 번)

분류에서Dev

반응 형 navbar를 열었을 때 콘텐츠 위에 오버레이를 적용하려면 어떻게해야합니까?

분류에서Dev

열릴 때 아이콘을 표시하고 닫을 때 다른 아이콘을 표시합니다 (jQuery Bootstrap).

분류에서Dev

jQuery : 사이드 탐색의 클릭 된 탭을 기억하고 새로 페이지가로드 될 때 색상 (활성)으로 만들려면 어떻게해야합니까?

분류에서Dev

동적으로 추가 된 콘텐츠에 대해 jquery 코드가 작동하도록 만들기

Related 관련 기사

  1. 1

    Md-Sidenav. 사이드 내비게이션이 열려있을 때 메인 콘텐츠를 오른쪽으로 푸시하려면 어떻게해야합니까?

  2. 2

    콘텐츠가 div 하단에 도달 할 때 오른쪽으로 이동하도록 div에 콘텐츠를 패킹하는 방법

  3. 3

    jquery를 사용하여 콘텐츠를 오른쪽에서 왼쪽으로 슬라이드

  4. 4

    콘텐츠를 압축하지 못하도록 측면 탐색 메뉴 중지

  5. 5

    프리 / 코드 콘텐츠가 너무 길지만 콘텐츠를 스크롤 할 수있을 것으로 예상하는 경우 열이 오른쪽으로 확장 됨

  6. 6

    메뉴를 밀어서 전환하기 전에 콘텐츠를 오른쪽으로 이동

  7. 7

    측면 탐색을 콘텐츠와 같은 높이로 설정

  8. 8

    소스 코드 사이트를 열면 실제로 표시 할 때 콘텐츠가로드됩니까?

  9. 9

    Python에서 데이터 콘텐츠를 열로 사용하여 테이블 만들기

  10. 10

    div 콘텐츠를 왼쪽 오른쪽으로 슬라이드하는 방법 ..?

  11. 11

    화면 크기에 따라 다른 바닥 글 탐색 모음 콘텐츠를 표시하는 방법

  12. 12

    내 부트 스트랩 탐색 모음이 화면에서 오른쪽으로 이동하지만 왼쪽에서 들여 쓰기됩니다.

  13. 13

    페이지로 유연하게 크기를 조정할 때 메인 콘텐츠에 오른쪽 사이드 바를 올리는 방법은 무엇입니까?

  14. 14

    div를 열 때 오른쪽의 정보가 아래로 푸시되지 않도록하려면 어떻게해야합니까?

  15. 15

    새 콘텐츠를 만들 때 TODO Eclipse를 생성하지 마십시오.

  16. 16

    모바일보기에서 모든 콘텐츠를 오른쪽으로 이동

  17. 17

    Google 스프레드 시트-콘텐츠를 별도의 열로 자동화하는 SKU 만들기

  18. 18

    브라우저 크기를 조정할 때 중앙 콘텐츠가 페이지 오른쪽으로 이동합니다.

  19. 19

    javascript로 모든 콘텐츠를 표시하도록 div 높이 늘리기

  20. 20

    JQuery를 사용하여 외부 HTML 페이지의 콘텐츠로 여러 div를 채우고 각 div의 속성을 기반으로 해당 콘텐츠를 업데이트하려면 어떻게해야합니까?

  21. 21

    측면 탐색이 없을 때 상단 탐색 크기 조정

  22. 22

    다단계 푸시 메뉴 jQuery 플러그인을 사용하지만 콘텐츠를 화면 밖으로 밀어냅니다.

  23. 23

    다른 콘텐츠가있을 때 들여 쓰기를 수행하는 방법

  24. 24

    서랍 탐색기 도구 모음에서 아이콘을 오른쪽으로 이동

  25. 25

    콘텐츠를 정기적으로 업데이트해야하는 IOS 앱 만들기 (하루에 몇 번)

  26. 26

    반응 형 navbar를 열었을 때 콘텐츠 위에 오버레이를 적용하려면 어떻게해야합니까?

  27. 27

    열릴 때 아이콘을 표시하고 닫을 때 다른 아이콘을 표시합니다 (jQuery Bootstrap).

  28. 28

    jQuery : 사이드 탐색의 클릭 된 탭을 기억하고 새로 페이지가로드 될 때 색상 (활성)으로 만들려면 어떻게해야합니까?

  29. 29

    동적으로 추가 된 콘텐츠에 대해 jquery 코드가 작동하도록 만들기

뜨겁다태그

보관