peachananr / purejs-onepage-scroll Goto Github PK

when swiping down on ios8, it goes to the bottom ; not to the next section..

I' was testing this plug-in on a site i was making and all of a sudden, it started scrolling by itself! I tied changing loop to false, but the same thing happened! any reason why?

Currently I am using just the JS version. I have set it up so I have an h1 on every page and I want each h1 to be in the same location on the page BUT when you scroll down there is an constant I assume (page index * SOMEVALUE)px overflow from the page before it. How do I get ride of that page overflow and make each page fit exactly the screen size and not affect the next page?

Thank you

I'm a javascript newbie and I can't figure this out. Is it possible to trigger the "page down" functionality by clicking a link? Would really appreciate some help with this.

Hi,
there is a way to only lock only Up/Down direction of scroll? My intent is to use it inside a page on a WebView inside a ScrollView in a iOS application, but at this time the plugin prevent also the Right/Left direction and the iOS scrollview doesn't work.

Thanks
Marco

I've been trying for like a week or two now trying and trying to get this to work with my Wordpress site. I'm on a bit of a deadline and I can't seem to get anything to work. I'm pretty new to coding and web development but I don't have the money to get a developer. Everything seems to look alright as far as the code goes but as soon as I put it into Wordpress it does nothing (w/ just the js) and locks the page so I can't scroll down, even when editing the page in Cornerstone (w/ the js and the css). Has anyone gotten it to work with Wordpress yet?

I wish this has an event to pause the animation, for example when a modal or a menu is scrolling.

When try to scroll through touch screen, it jumps to the last screen. I can't figure out when it's causing this issue in iPad. Link http://files.justinkase.se/austinfoodworks/template/

I'm trying this plugin with React. now it seems that the 'active' class that onepagescroll writes, gets overwritten. So when I scroll:

 Uncaught TypeError: Cannot read property 'dataset' of null  - onepagescroll.js:384 
     moveDown onepagescroll.js:363 
      _init_scrollonepagescroll.js:130
      init._mouseWheelHandler

I don't know when the beforeMove is being called, but it's after that error. If it were before, then I could maybe set the active class myself.

It would be nice if there was another method like updatedScroll that returns some object like:

{   
  pageTotal: 3, 
  currentPageIndex: 1,  // the page you're currently on ( array key )
}

That should be basically all I need to make sure the right element has an active class. Unless there's other stuff the plugin needs to function properly?

Hi there,

When you implement a youtube video player ( with iframe ) in one of the section that is not the first one, the video player loads but there's no mouse action available ( can't be played, paused, etc... ).
It only happens on firefox.
Here's a quick example from the demo page :
http://raiseandfall.github.io/purejs-onepage-scroll/demo/purejs_onepage_scroll_demo.html

I already checked for a pointer-events issue, a overlay issue,... without luck.
I also tried to add the video dynamically in the beforeMove function, with the same result.
FYI, a video in the first section ( first one showed ) works.

Amazing plugin! One major problem. It doesn't account for page sections larger than the viewport height.

window.onScroll is not being called while scrolling.. Or is there any alternative function which does the same?

can we use horizontal scrolling?

tips: Cannot read property 'className' of null

When I set updateURL: false it still updates the URL.

I need this, because I'm handling #urls myself.

Hi,

Do you have any intention to support Bower for this repo? It would help :)

very big fan of your work ;)
Julien

So if I add the scrolling works however if you pass parameter like:

Thoughts?

Hi,
First, according to library request cdnjs/cdnjs#9714, I would like to check whether there is a valid tag that allows me to add the library with auto-update config.
With auto-update config, cdnjs will be able to automatically update libraries that are known to git repo.
For more details about auto-update config on cdnjs, please click https://github.com/cdnjs/cdnjs/blob/master/documents/autoupdate.md.
For more details about tag, maybe you can check https://git-scm.com/book/en/v2/Git-Basics-Tagging

Second, I saw two licenses mentioned in the repository, one in readme is Attribution-ShareAlike 4.0 International, the other one in LICENSE is GPL-2.0. Could you please tell me that the library is under which one (or both)?

Thank you!

Hi,

When I use this script on a desktop and resize the window it is all working fine.
I have a ResponsiveFallback set to 640px, so when I reach below that value it just enables the normal scrolling event.

However, on my mobile browser (latest Chrome version, Android 4.4.2, Nexus 5) the scrolling isn't working at all. In my console, I can see that the viewing-page class on the body is changing when I scroll, but the content I see stays the same.

Live version on: http://www.juichjezelfhetstadionin.nl

I hope you can help me solve this problem :(

Thanks,
Kevin