css - overflow:hidden not working with translation in positive direction -


i came across weird thing lately overflow: hidden;. set element, , want transform elements in translate(), when translates in negative direction hidden, if translate in positive direction, won't hidden. in desktop browsers it's not showing, can reach little bit of mouse work. , on mobile it's scrolls, worst.

here example showing it: http://cssizer.com/klhlpshw

so i've been working similar day , realized while had

html, body {overflow:hidden; }

...if add position:absolute or position:relative html , body, fixes issue.


Comments

Post a Comment

Popular posts from this blog

Java sticky instances of class com.mysql.jdbc.Field aggregating -

i noticed (via jmap+jhat) app leaking storing many instances com.mysql.jdbc.field  class - double checked code make sure closing preparedstatements, find few missing didn't change outcome. - preparedstatement created , closed right away - several others created @ start , reused many times - using org.apache.tomcat.jdbc.pool.datasource connection pool what can cause type of behavior? are closing of preparedstatements / result sets using: preparedstatement stmt (possible assignment here); try { // work prepared statement resultset rs; try { while (rs.next()) ... // process results } { rs.close(); } } { stmt.close(); } so guarantee result sets closed when finished (regardless of exceptions) , statements closed (regardless of exceptions)? there other ways write that, idea same. if you're doing of properly, unless have many references it's taking inordinate amount of memory, it's ok , nothing needs done it.
Read more