Safari 6 simultaneous animate scrollTop & scrollLeft

  1. Down, right
  2. Right, down
  3. Both simultaneous
  4. window.scrollTo
  5. PageX/YOffset
  6. Safari 6 workaround
  7. Fixed jquery.scrollTo.js

Try the IFRAME, too!

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur eros nulla, tempus in sodales in, semper vitae libero. Vestibulum eget ipsum odio. Phasellus accumsan massa ut sem pellentesque egestas. Quisque sapien enim, sodales dictum euismod sit amet, tempor vitae augue. Suspendisse ullamcorper venenatis libero, sit amet dictum nibh iaculis vitae. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce molestie adipiscing porta. Vivamus eleifend augue et ipsum porta tempus. Etiam vitae dui vel justo blandit pharetra quis nec leo. Phasellus vitae mauris a ipsum faucibus suscipit et eu lacus. Donec non nisi leo. Vestibulum est orci, imperdiet a bibendum et, fermentum non lacus. Aliquam ut justo quis felis egestas sollicitudin. Donec ut dui tellus, a egestas mi. Vivamus eget leo vitae urna tincidunt sollicitudin. Curabitur tristique augue at metus mattis at tincidunt purus semper.

Sed metus lectus, mattis vulputate ullamcorper eget, pellentesque ac nulla. Maecenas a mi enim. In varius pulvinar velit, eu dignissim ante adipiscing sed. Curabitur diam nisl, viverra quis congue eu, fringilla eu nulla. In faucibus, magna quis blandit laoreet, quam eros dapibus sapien, non iaculis nibh tellus sed diam. Morbi eget commodo urna. Integer quam nulla, consectetur et vulputate a, fringilla sed magna.

In et sapien nec sapien feugiat blandit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam vitae felis id massa aliquam ornare. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras faucibus euismod suscipit. Nulla facilisi. Mauris scelerisque orci eu risus cursus bibendum. Pellentesque eu urna risus.

Mauris ac fermentum metus. Aliquam erat erat, volutpat et blandit nec, tincidunt et ipsum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vitae felis dui. Ut nulla augue, aliquet sit amet feugiat sit amet, ullamcorper et massa. Integer id enim ligula. In hac habitasse platea dictumst. Duis congue magna quis ligula sagittis et laoreet nisl molestie.

Etiam dolor turpis, laoreet sit amet aliquet vel, fringilla a urna. Aliquam diam mi, euismod id malesuada nec, interdum nec neque. Nulla facilisi. Nulla eget tortor vitae leo cursus scelerisque ut ut lectus. Aenean non metus felis, ac molestie lorem. Proin nibh dolor, aliquet vel ullamcorper id, rhoncus ac nulla. Vivamus tristique condimentum blandit. Integer condimentum mi ut nibh viverra convallis. Praesent tristique nunc vel nulla gravida sodales. Donec ut nisl sit amet diam accumsan dignissim posuere volutpat libero. Suspendisse urna quam, consequat a pharetra sed, lobortis non dolor. Fusce eu ligula leo, vel ultrices lorem. Etiam tincidunt sollicitudin fringilla. Mauris facilisis massa lectus. Donec et ipsum turpis.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur eros nulla, tempus in sodales in, semper vitae libero. Vestibulum eget ipsum odio. Phasellus accumsan massa ut sem pellentesque egestas. Quisque sapien enim, sodales dictum euismod sit amet, tempor vitae augue. Suspendisse ullamcorper venenatis libero, sit amet dictum nibh iaculis vitae. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce molestie adipiscing porta. Vivamus eleifend augue et ipsum porta tempus. Etiam vitae dui vel justo blandit pharetra quis nec leo. Phasellus vitae mauris a ipsum faucibus suscipit et eu lacus. Donec non nisi leo. Vestibulum est orci, imperdiet a bibendum et, fermentum non lacus. Aliquam ut justo quis felis egestas sollicitudin. Donec ut dui tellus, a egestas mi. Vivamus eget leo vitae urna tincidunt sollicitudin. Curabitur tristique augue at metus mattis at tincidunt purus semper.

Sed metus lectus, mattis vulputate ullamcorper eget, pellentesque ac nulla. Maecenas a mi enim. In varius pulvinar velit, eu dignissim ante adipiscing sed. Curabitur diam nisl, viverra quis congue eu, fringilla eu nulla. In faucibus, magna quis blandit laoreet, quam eros dapibus sapien, non iaculis nibh tellus sed diam. Morbi eget commodo urna. Integer quam nulla, consectetur et vulputate a, fringilla sed magna.

In et sapien nec sapien feugiat blandit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam vitae felis id massa aliquam ornare. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras faucibus euismod suscipit. Nulla facilisi. Mauris scelerisque orci eu risus cursus bibendum. Pellentesque eu urna risus. Mauris ac fermentum metus. Aliquam erat erat, volutpat et blandit nec, tincidunt et ipsum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vitae felis dui. Ut nulla augue, aliquet sit amet feugiat sit amet, ullamcorper et massa. Integer id enim ligula. In hac habitasse platea dictumst. Duis congue magna quis ligula sagittis et laoreet nisl molestie.

Etiam dolor turpis, laoreet sit amet aliquet vel, fringilla a urna. Aliquam diam mi, euismod id malesuada nec, interdum nec neque. Nulla facilisi. Nulla eget tortor vitae leo cursus scelerisque ut ut lectus. Aenean non metus felis, ac molestie lorem. Proin nibh dolor, aliquet vel ullamcorper id, rhoncus ac nulla. Vivamus tristique condimentum blandit. Integer condimentum mi ut nibh viverra convallis. Praesent tristique nunc vel nulla gravida sodales. Donec ut nisl sit amet diam accumsan dignissim posuere volutpat libero. Suspendisse urna quam, consequat a pharetra sed, lobortis non dolor. Fusce eu ligula leo, vel ultrices lorem. Etiam tincidunt sollicitudin fringilla. Mauris facilisis massa lectus. Donec et ipsum turpis.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur eros nulla, tempus in sodales in, semper vitae libero. Vestibulum eget ipsum odio. Phasellus accumsan massa ut sem pellentesque egestas. Quisque sapien enim, sodales dictum euismod sit amet, tempor vitae augue. Suspendisse ullamcorper venenatis libero, sit amet dictum nibh iaculis vitae. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce molestie adipiscing porta. Vivamus eleifend augue et ipsum porta tempus. Etiam vitae dui vel justo blandit pharetra quis nec leo. Phasellus vitae mauris a ipsum faucibus suscipit et eu lacus. Donec non nisi leo. Vestibulum est orci, imperdiet a bibendum et, fermentum non lacus. Aliquam ut justo quis felis egestas sollicitudin. Donec ut dui tellus, a egestas mi. Vivamus eget leo vitae urna tincidunt sollicitudin. Curabitur tristique augue at metus mattis at tincidunt purus semper.

Sed metus lectus, mattis vulputate ullamcorper eget, pellentesque ac nulla. Maecenas a mi enim. In varius pulvinar velit, eu dignissim ante adipiscing sed. Curabitur diam nisl, viverra quis congue eu, fringilla eu nulla. In faucibus, magna quis blandit laoreet, quam eros dapibus sapien, non iaculis nibh tellus sed diam. Morbi eget commodo urna. Integer quam nulla, consectetur et vulputate a, fringilla sed magna.

In et sapien nec sapien feugiat blandit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam vitae felis id massa aliquam ornare. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras faucibus euismod suscipit. Nulla facilisi. Mauris scelerisque orci eu risus cursus bibendum. Pellentesque eu urna risus.

Mauris ac fermentum metus. Aliquam erat erat, volutpat et blandit nec, tincidunt et ipsum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vitae felis dui. Ut nulla augue, aliquet sit amet feugiat sit amet, ullamcorper et massa. Integer id enim ligula. In hac habitasse platea dictumst. Duis congue magna quis ligula sagittis et laoreet nisl molestie.

Etiam dolor turpis, laoreet sit amet aliquet vel, fringilla a urna. Aliquam diam mi, euismod id malesuada nec, interdum nec neque. Nulla facilisi. Nulla eget tortor vitae leo cursus scelerisque ut ut lectus. Aenean non metus felis, ac molestie lorem. Proin nibh dolor, aliquet vel ullamcorper id, rhoncus ac nulla. Vivamus tristique condimentum blandit. Integer condimentum mi ut nibh viverra convallis. Praesent tristique nunc vel nulla gravida sodales. Donec ut nisl sit amet diam accumsan dignissim posuere volutpat libero. Suspendisse urna quam, consequat a pharetra sed, lobortis non dolor. Fusce eu ligula leo, vel ultrices lorem. Etiam tincidunt sollicitudin fringilla. Mauris facilisis massa lectus. Donec et ipsum turpis.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur eros nulla, tempus in sodales in, semper vitae libero. Vestibulum eget ipsum odio. Phasellus accumsan massa ut sem pellentesque egestas. Quisque sapien enim, sodales dictum euismod sit amet, tempor vitae augue. Suspendisse ullamcorper venenatis libero, sit amet dictum nibh iaculis vitae. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce molestie adipiscing porta. Vivamus eleifend augue et ipsum porta tempus. Etiam vitae dui vel justo blandit pharetra quis nec leo. Phasellus vitae mauris a ipsum faucibus suscipit et eu lacus. Donec non nisi leo. Vestibulum est orci, imperdiet a bibendum et, fermentum non lacus. Aliquam ut justo quis felis egestas sollicitudin. Donec ut dui tellus, a egestas mi. Vivamus eget leo vitae urna tincidunt sollicitudin. Curabitur tristique augue at metus mattis at tincidunt purus semper.

Sed metus lectus, mattis vulputate ullamcorper eget, pellentesque ac nulla. Maecenas a mi enim. In varius pulvinar velit, eu dignissim ante adipiscing sed. Curabitur diam nisl, viverra quis congue eu, fringilla eu nulla. In faucibus, magna quis blandit laoreet, quam eros dapibus sapien, non iaculis nibh tellus sed diam. Morbi eget commodo urna. Integer quam nulla, consectetur et vulputate a, fringilla sed magna.

In et sapien nec sapien feugiat blandit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam vitae felis id massa aliquam ornare. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras faucibus euismod suscipit. Nulla facilisi. Mauris scelerisque orci eu risus cursus bibendum. Pellentesque eu urna risus. Mauris ac fermentum metus. Aliquam erat erat, volutpat et blandit nec, tincidunt et ipsum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vitae felis dui. Ut nulla augue, aliquet sit amet feugiat sit amet, ullamcorper et massa. Integer id enim ligula. In hac habitasse platea dictumst. Duis congue magna quis ligula sagittis et laoreet nisl molestie.

Etiam dolor turpis, laoreet sit amet aliquet vel, fringilla a urna. Aliquam diam mi, euismod id malesuada nec, interdum nec neque. Nulla facilisi. Nulla eget tortor vitae leo cursus scelerisque ut ut lectus. Aenean non metus felis, ac molestie lorem. Proin nibh dolor, aliquet vel ullamcorper id, rhoncus ac nulla. Vivamus tristique condimentum blandit. Integer condimentum mi ut nibh viverra convallis. Praesent tristique nunc vel nulla gravida sodales. Donec ut nisl sit amet diam accumsan dignissim posuere volutpat libero. Suspendisse urna quam, consequat a pharetra sed, lobortis non dolor. Fusce eu ligula leo, vel ultrices lorem. Etiam tincidunt sollicitudin fringilla. Mauris facilisis massa lectus. Donec et ipsum turpis.

Same, but in IFRAME