https://github.com/toplan/fullscreen.js

Let the web page automatically full-screen
https://github.com/toplan/fullscreen.js

Last synced: about 2 months ago
JSON representation

Let the web page automatically full-screen

• Host: GitHub
• URL: https://github.com/toplan/fullscreen.js
• Owner: toplan
• License: mit
• Created: 2015-10-23T07:12:17.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2015-11-04T02:18:59.000Z (over 9 years ago)
• Last Synced: 2025-02-06T14:27:09.417Z (4 months ago)
• Language: JavaScript
• Size: 160 KB
• Stars: 3
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
#fullScreen.js

lightweight and no dependencies js library let the web page automatically full-screen

#Usage

```html

    

    

        // example 1:

        //

        // '#body1' min height(px) =

        // [browser inner height] - [`#header` height] - [`#footer` height]

        //

        full('#body1').fixed('#header').fixed('#footer').render();

        // example 2:

        //

        // '#body2' min height(px) =

        // [browser inner height] - [`#header` height] - [`#footer` height] + 20

        //

        var fullBody2 = full('#body2');

        fullBody2.fixed(['#header', '#footer']).plus(20).render();

        // more:

        fullBody2.autoResize(false);

        fullBody2.resize();

    

```

# Method

### full(controlEle, opts);

create a fullScreen.js instance, return instance

### control(elementSelector)

The element of need to automatically covered, return instance

### fixed(elementsSelector)

the elements which fixed height, return instance

### autoResize(enable)

is reset body min height when window resize, return instance

### render()

begin to render, return true or false

### resize()

manual reset body min height, return true or false

### plus(number)

### minus(number)