>  기사  >  웹 프론트엔드  >  jquery 전체 페이지 플러그인에 헤더와 저작권을 추가하는 방법에 대한 간략한 설명

jquery 전체 페이지 플러그인에 헤더와 저작권을 추가하는 방법에 대한 간략한 설명

亚连
亚连원래의
2018-05-25 17:16:511353검색

이제 jquery fullpage 플러그인을 사용하여 헤더와 저작권을 추가하는 방법에 대해 간략하게 설명하겠습니다. 참고할 가치가 높으며 모든 사람에게 도움이 되기를 바랍니다.

머리말

jquery-fullpage 플러그인을 통해 페이지가 생성되며 전체 페이지가 전체 화면 스크롤됩니다. 하지만 우리는 저작권을 넣기 위해 전체 화면을 요구하지 않고 높이가 약 100px 정도인 마지막 페이지에 저작권을 추가하고 싶습니다. 어떻게 하나요? 다양한 방법을 검색해서 찾았습니다. 소스코드 등을 수정하거나 직접 코드를 작성하여 판단하세요. 어지러운. 실제로 공식적인 솔루션이 제공되었습니다.

이제 구현 방법에 대해 간단히 이야기하겠습니다

실제로 구현에는 html 부분만 필요합니다

<p class="fullpage">
 <p class="section fp-auto-height">这里写头部</p>
 <p class="section">page1</p>
 <p class="section">page2</p>
 <p class="section">page3</p>
 <p class="section">page4</p>
 <p class="section fp-auto-height">这里写版权</p>
</p>

위처럼 js 코드에 대해서는 언급하지 않겠습니다. 문제가 없을 것입니다. 여기서는 머리와 바닥에 fp-auto-height 클래스만 추가하면 됩니다.

효과없나요?

이봐, 그건 CSS가 아닌 js만 인용했기 때문이야. 아래 CSS만 인용해.

https://github.com/alvarotrigo/fullPage.js/blob/master/dist/jquery.fullpage.css

사실 키코드는 바로 다음과 같습니다

.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell{
 height: auto !important;
}

.fp-responsive .fp-auto-height-responsive.fp-section,
.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell {
 height: auto !important;
}

위는 제가 모두를 위해 컴파일한 내용입니다 , 앞으로 더 나아지기를 바랍니다. 모두에게 도움이 됩니다.

관련 기사:

Ajax의 루프 방식

객체 Object를 반환하는 ajax의 빠른 솔루션

jQuery에서 ajax의 4가지 일반적인 요청 방법 소개

위 내용은 jquery 전체 페이지 플러그인에 헤더와 저작권을 추가하는 방법에 대한 간략한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.