jquery+fullpage는 인터페이스에 헤더와 저작권을 추가합니다.

이번에는 인터페이스에 헤더와 저작권을 추가하는 jquery+fullpage를 가져오겠습니다. 인터페이스에 헤더와 저작권을 추가하는 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만 인용해.

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

.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;
}

이 기사의 사례를 읽으신 후 방법을 마스터하셨다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!

추천 도서:

비밀번호를 암호화하기 위해 nodejs를 작동하는 방법

vue-router에서 전달되는 쿼리 동적 매개변수를 처리하는 방법

위 내용은 jquery+fullpage는 인터페이스에 헤더와 저작권을 추가합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!