javascript - Disabling page scroll by down arrow while focusing and scrolling in particular container -



javascript - Disabling page scroll by down arrow while focusing and scrolling in particular container -

i have scroll-able container, made scroll key , key downwards on click of it, when content of scrollable container finished, page start scrolling, way there stop page scroll after end of scrollable content.

the way i've found similar described:

grab current scroll position (don't forget horizontal axis!). set overflow hidden (probably want retain previous overflow value). scroll document stored scroll position scrollto(). when you're ready allow scrolling again, undo that.

// lock scroll position, retain settings later var scrollposition = [ self.pagexoffset || document.documentelement.scrollleft || document.body.scrollleft, self.pageyoffset || document.documentelement.scrolltop || document.body.scrolltop ]; var html = jquery('html'); // create more sense apply body, ie7 won't have html.data('scroll-position', scrollposition); html.data('previous-overflow', html.css('overflow')); html.css('overflow', 'hidden'); window.scrollto(scrollposition[0], scrollposition[1]); // un-lock scroll position var html = jquery('html'); var scrollposition = html.data('scroll-position'); html.css('overflow', html.data('previous-overflow')); window.scrollto(scrollposition[0], scrollposition[1])

javascript jquery

Comments

Popular posts from this blog

model view controller - MVC Rails Planning -

ruby on rails - Devise Logout Error in RoR -

html - Submenu setup with jquery and effect 'fold' -