Scroll Offset of Overflow Hidden Document

Question

CSS

html, body {
  width: 100%;
  overflow-x: hidden
}

Setting above CSS in a page removes scroll from window [but triggers it on body], hence

 pageOffset =  (window.pageYOffset && { X: window.pageXOffset, Y: window.pageYOffset }) || {},
 dElementOffset = (dE && { X: dE.scrollLeft, Y: dE.scrollTop }) || {},
 dBodyOffset = (dB && { X: dB.scrollLeft, Y: dB.scrollTop }) || {};

[db = document.body, dE = document.documentElement]

None of the above code gives the number of pixels scrolled. Is there a way to determine scroll values in such cases? http://jsbin.com/zayem/1/edit?html,css,js,console,output [Need to load it in a separate html file; Linked it just for understanding]

By removes scroll from window, do you mean the scroll event or the scrollbar? Because while the horizontal scrollbar is removed the window scroll event still fires as there is still a vertical scrollbar jsfiddle.net/5JtHp — Patrick Evans
– Patrick Evans, Commented Feb 13, 2014 at 16:18
My Problem is almost the same as stackoverflow.com/questions/4809106/… — Tamil
– Tamil, Commented Feb 13, 2014 at 19:56

Michael Irigoyen · Accepted Answer · 2014-02-13 17:51:32Z

0

document.documentElement.scrollLeft works for me. I tested it.

Also, your resizing columns are lagging.

edited Feb 13, 2014 at 17:51

Michael Irigoyen

23.1k18 gold badges92 silver badges132 bronze badges

answered Feb 13, 2014 at 17:01

user3299259

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Scroll Offset of Overflow Hidden Document

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related