Scrolling within an iframe does not seem to work about hopscotch HOT 7 OPEN

Here is an example of scrolling within iframe (JSFiddle uses iframe for the results pane) - http://jsfiddle.net/MvJrL/ .

Are you seeing this issue in a specific browser or all browsers? If you are seeing this in all browsers it's probably an issue with how your page is implemented, because this JSFiddle works for me in latest Chrome and Firefox. If the same JSFiddle is broken in specific browser, then it's likely something we need to fix in hopscotch.

from hopscotch.

I'm running into the same issue with a single page web app

from hopscotch.

Had to fix this on a SharePoint 2013 env. just now. (not an IFrame)
I patched hopscotch.js line 1354 to not scroll on the body but the main DIV

//jQuery('body, html').animate({ scrollTop: scrollToVal }, getOption('scrollDuration'), cb);
$('#s4-workspace').animate({scrollTop: scrollToVal }, getOption('scrollDuration'), cb);

I suggest adding an option "scrollAnchor" set to the default 'body, html'
and then line 1354

jQuery(getOption('scrollAnchor')).animate({ scrollTop: scrollToVal }, getOption('scrollDuration'), cb);

from hopscotch.

I see, step element is within a scrollable parent, so hopscotch tries to scroll body of the page, not the scrollable parent. Here's updated JSFiddle that replicates the behavior http://jsfiddle.net/rm5k2ywk/

We could fix it either by providing scroll anchor for a given step or try to figure out the scrollable parent and scroll it instead of the body of the document. The second option might get complicated an messy when there are several nested scrollable parents, each of which needs to be scrolled.

from hopscotch.

I'm having the same issue. My parent element is a

from hopscotch.

I'm having the same issue. I wish each individual step object had an optional parameter to specify the scrollable container, instead of scrolling the body element.

edit: thinking about it a bit, the scrollAnchor option that @Danny-Engelman is about the same thing. I applied a monkey-patch using the same idea. :)
Only thing to be mindful of is the position of the bubble itself.

from hopscotch.

Im running into same problem, im using the nicescroll to for an div element, the hopscoth is scrolling on the body rather the div element.

Hi @taveras , i also want that monkey-patch for now.

from hopscotch.