iPhone CSS overflow, overflow-x, overflow-y support

The iPhone and iPod Touch support overflow, but no scroll bars will appear. Use two fingers to scroll within the overflowed area.

.mydiv {
    overflow-x: auto;
}
Test the scrolling:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel nulla justo. Vivamus pharetra dapibus tellus, nec faucibus massa ultrices a. Etiam imperdiet eros nunc. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi egestas sollicitudin varius. Vestibulum nec sapien sed ante gravida consequat. Phasellus id justo nunc. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla ultricies malesuada metus. Curabitur tempus, magna at tempus hendrerit, sem ante vehicula sapien, in adipiscing massa ligula quis diam. Praesent convallis elit nec ligula pharetra semper. Integer iaculis placerat lacus. Sed lobortis blandit turpis et blandit. Duis eu faucibus massa. Vestibulum a turpis in eros feugiat accumsan id nec purus. Nullam est magna, vehicula congue dictum eget, egestas ut ante. Donec molestie vehicula lacus eget fermentum.

Fusce dignissim consequat pulvinar. Nullam molestie nibh ac metus ullamcorper vel ullamcorper ante mattis. Integer quam neque, auctor non commodo et, mollis non ante. Duis tellus leo, tincidunt a lobortis id, vulputate eu dolor. Vivamus nec turpis eros. Curabitur tempus vulputate tortor sed cursus. Nullam aliquam, velit in posuere pellentesque, massa est vulputate turpis, a placerat nunc nisl non dui. Duis justo erat, adipiscing ut ultricies non, ornare vitae ante. In blandit lacinia ligula, vel auctor enim consectetur eget. Praesent adipiscing dolor varius enim bibendum non viverra est ultrices. Cras a tempus mi. Curabitur leo purus, lacinia quis sodales sit amet, euismod ac purus.

Etiam ut magna ut dolor semper laoreet sed et erat. Ut eget risus mauris. Phasellus imperdiet scelerisque massa, at gravida libero imperdiet sed. Duis interdum malesuada ante, non tincidunt velit semper pellentesque. Donec bibendum massa non sapien adipiscing luctus tempus urna imperdiet. Etiam at dignissim diam. Suspendisse potenti. Nunc vestibulum sagittis leo. Ut ornare, ligula id luctus dapibus, urna enim dignissim ante, a consequat arcu odio ac metus. Nunc pulvinar elit lectus. Proin fermentum ullamcorper tristique. Vivamus eu scelerisque purus. Nulla viverra consequat volutpat. Nulla lacus eros, tincidunt sed consectetur ac, luctus ac leo. Phasellus feugiat suscipit nisi vitae tempor. Cras non sapien vel metus auctor fringilla. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed pretium, augue at mollis bibendum, mi nunc molestie metus, ut laoreet ante est ut nisl. Maecenas vitae interdum est.

Vestibulum massa nisi, tempus non viverra sed, dignissim non tellus. Vivamus eu nisi at justo imperdiet dapibus. Sed metus mi, bibendum sit amet dictum sit amet, elementum sit amet orci. Phasellus scelerisque, leo sed varius varius, lectus lectus tincidunt neque, quis adipiscing nisi dui non elit. Cras lectus arcu, dictum ut volutpat euismod, dictum quis diam. Proin sit amet massa id ligula placerat ultricies. Praesent lorem elit, venenatis eget lobortis at, aliquet et nisl. Vestibulum rhoncus, dui at venenatis adipiscing, eros libero ornare elit, id feugiat tellus turpis vitae nunc. Proin egestas fringilla purus ac euismod. Nulla pharetra lorem ac dui auctor condimentum. Proin id leo eu quam euismod convallis. Aenean congue sapien ut nibh porta facilisis vitae a leo. Nullam mattis felis vitae nisi auctor aliquet. Nulla sed felis vitae nisl tempor congue. Maecenas ultrices, arcu in volutpat volutpat, nisi neque vestibulum tellus, ac lacinia quam metus nec tortor.

Fusce consectetur varius semper. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper, enim aliquet convallis aliquam, nulla lectus elementum risus, ut feugiat sapien est at sem. Pellentesque eget lorem eget urna blandit vestibulum nec nec ante. Phasellus ornare molestie nunc, id posuere lectus dignissim sed. Praesent mollis neque elit, eget rhoncus mi. Nullam diam libero, dapibus sit amet feugiat at, porttitor et nibh. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam laoreet consectetur nibh id porttitor. Donec ornare eros at est pulvinar rhoncus. Suspendisse imperdiet, sem ornare cursus vestibulum, justo magna tincidunt elit, ac porta neque nunc eget nunc. Ut vitae erat vel tellus semper accumsan vitae non quam. Ut tempus tristique interdum. Cras a turpis ac velit ornare luctus nec et mauris. Duis ut nibh sem, ut imperdiet augue. Suspendisse sit amet lacus at tellus sagittis malesuada. Maecenas vel orci nec velit pretium convallis. Duis ornare pulvinar ipsum, vitae rutrum nisl blandit non.

Aenean eget iaculis lectus. Sed sollicitudin enim ut lorem imperdiet vel feugiat eros commodo. Fusce eget eros libero, ac pretium risus. Aenean volutpat scelerisque leo, et consectetur augue vehicula quis. In hac habitasse platea dictumst. Aenean dignissim sollicitudin porta. Integer semper, nunc et interdum gravida, lectus ante elementum orci, sed convallis ante dui eget massa. Quisque consectetur quam erat, non laoreet purus. Aliquam mauris nisl, egestas eget congue non, accumsan a nibh. Nulla libero erat, ornare ut auctor sed, tincidunt eget lorem.
View this page on GitHub.
Posted .

Comments

Leave a Reply