Code Monkey home page Code Monkey logo

jquery.fullcontent's Introduction

Jquery.fullContent

What the plugin does

  • Create fully containers with width and height of window
  • Dynamic position: Each container could have vertical and horizontal position set
  • History hash in URL
  • Scroll animation between containers
  • Simple configuration and easy use
  • Easing functions with Jquery Easing 1.3

Demo and Documentation

Check out the Demo.

License

Free to use and modify on both personal and commercial environment

jquery.fullcontent's People

Contributors

colega avatar kierenevans avatar zehfernandes avatar zenorocha avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

jquery.fullcontent's Issues

How about easing?

I've set up the plugin and it acts as demo, which is great! But I cannot get easing to work. Since plugin is on jquery.ScrollTo, easing should be possible, but not sure how...

    $('#container').fullContent({
        stages: 'div',
        mapPosition: [{v: 1, h: 1}, {v: 1, h: 2}, {v: 1, h: 3}],
        stageStart: 1,
        speedTransition: 1000, 
        idComplement: 'page_'
    });
    $.scrollTo( '#options-examples', 800, {easing:'easeOutQuad'} );

This doesn't work. Any solutions?
Cheer to this lovely plugin!

Prevent multi-clicks

A .stop(true, true) should be add at some point to prevent errors due tu multi clicking.

Selecting Text Allows Page to Scroll

If you select the text within a stage div and hold your mouse button down the page will scroll to the boundaries of the container div in whatever direction you go with your mouse.

Also, the position of the page will persist after refreshing the page regardless of what id is in the url.

Could be just a Chrome issue but...

My pages Float Around the Map

hye, i decided to use your method in one of my project but the thing is the pages float around... what i want is that it should stick to the place once the map position is defined and instead it should try to fit that content on the full screen ...

for eg.. if a container having text is on xy plane then it should stick to xy plan and the body image, but your floats so the position will remain same but it will not stick to the body background.

Menu fixed position?

Hi,
Is your code able to have a menu bar on top with fixed position and the content in the container scroll?

Can't get it to work with the menu bar div outside the content container.

Scrolling with middlemouse button

Hey Zehfernandes,

I love your work! This was exactly what i needed. Now I only got one problem. If this piece of code isn't in the html, one is able to scroll verticaly on the page with the mouse:
<

img style="position: fixed; top: 0; right: 0; border: 0;" src="images/forkme_right_white_ffffff.png"

/>
I changed it in my version to this:
<

img style="position: fixed;"

/>

Is there a way this could be fixed?

Doesn't work with Google Chrome latest version (61.0.3163.91)

Hi,

Is there any support for this library at this moment? I was using this plugin in one website and it was working. But with the latest chrome update it doesn't work and it's always showing the page which is at left:0px top:0px position.

Can I know, if this issue will be fixed or not?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.