jquery+fullpage adds header and copyright in the interface-JS Tutorial-php.cn

This time I will bring you the header and copyright in the jquery fullpage adding interface. What are the precautions for adding the header and copyright in the jquery fullpage interface. The following is a practical case, let's take a look.

Preface

We create a page through the jquery-fullpage plug-in, and the entire page is full-screen scrolling. However, we want to add a copyright to the last page, which is only about 100px high, without requiring a full screen for the copyright. How to do it? I searched and found various methods. Modify the source code, etc., or write your own code to judge. Dizzy. In fact, the official solution has been provided.

Below, let’s briefly talk about how to implement it

In fact, only the html part is needed to implement it

这里写头部

page1

page2

page3

page4

这里写版权

Copy after login

As above, I won’t talk about the js code. As long as you can run it, there will be no problem. Here you only need to add an fp-auto-height class to the head and bottom.

Isn’t it effective?

Hey, that’s because you only quoted js and not css. Just quote the following css.

In fact, the key code is just the following

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

Copy after login

I believe you have mastered the method after reading the case in this article. For more exciting information, please pay attention to other related articles on the PHP Chinese website!