Background Scroll Effects by PVII

Main Content

Background Scroll Effects by PVII. Making Dreamweaver better through innovative code, unprecedaented power, and ease of use. Imagine the possibilities. Scroll down the page.

Lorem ipsum dolor sit amet, ne sea vocent scripta abhorreant, facilisi explicari mel ne, ut quo vide ridens. Mei ex quodsi inciderint, quo ad quas deleniti definitionem, vis no wisi graecis offendit. Ius ut everti detraxit expetenda, meis civibus consectetuer ea usu. Ad qui option facilisis consequuntur, pro omnis aliquip vulputate te. Solum affert expetenda eos te, et vim sale iudico impetus, in appetere postulant ius. Alia nihil utroque ex sit. Lorem ipsum dolor sit amet, ne sea vocent scripta abhorreant, facilisi explicari mel ne, ut quo vide ridens. Mei ex quodsi inciderint, quo ad quas deleniti definitionem, vis no wisi graecis offendit. Ius ut everti detraxit expetenda, meis civibus consectetuer ea usu. Ad qui option facilisis consequuntur, pro omnis aliquip vulputate te. Solum affert expetenda eos te, et vim sale iudico impetus, in appetere postulant ius. Alia nihil utroque ex sit. Lorem ipsum dolor sit amet, ne sea vocent scripta abhorreant, facilisi explicari mel ne, ut quo vide ridens. Mei ex quodsi inciderint, quo ad quas deleniti definitionem, vis no wisi graecis offendit. Ius ut everti detraxit expetenda, meis civibus consectetuer ea usu. Ad qui option facilisis consequuntur, pro omnis aliquip vulputate te. Solum affert expetenda eos te, et vim sale iudico impetus, in appetere postulant ius. Alia nihil utroque ex sit. Lorem ipsum dolor sit amet, ne sea vocent scripta abhorreant, facilisi explicari mel ne, ut quo vide ridens. Mei ex quodsi inciderint, quo ad quas deleniti definitionem, vis no wisi graecis offendit. Ius ut everti detraxit expetenda, meis civibus consectetuer ea usu. Ad qui option facilisis consequuntur, pro omnis aliquip vulputate te. Solum affert expetenda eos te, et vim sale iudico impetus, in appetere postulant ius. Alia nihil utroque ex sit. Lorem ipsum dolor sit amet, ne sea vocent scripta abhorreant, facilisi explicari mel ne, ut quo vide ridens. Mei ex quodsi inciderint, quo ad quas deleniti definitionem, vis no wisi graecis offendit. Ius ut everti detraxit expetenda, meis civibus consectetuer ea usu. Ad qui option facilisis consequuntur, pro omnis aliquip vulputate te.

The possibilities are endless

Solum affert expetenda eos te, et vim sale iudico impetus, in appetere postulant ius. Alia nihil utroque ex sit. Lorem ipsum dolor sit amet, ne sea vocent scripta abhorreant, facilisi explicari mel ne, ut quo vide ridens. Mei ex quodsi inciderint, quo ad quas deleniti definitionem, vis no wisi graecis offendit. Ius ut everti detraxit expetenda, meis civibus consectetuer ea usu. Ad qui option facilisis consequuntur, pro omnis aliquip vulputate te. Solum affert expetenda eos te, et vim sale iudico impetus, in appetere postulant ius. Alia nihil utroque ex sit. Lorem ipsum dolor sit amet, ne sea vocent scripta abhorreant, facilisi explicari mel ne, ut quo vide ridens. Mei ex quodsi inciderint, quo ad quas deleniti definitionem, vis no wisi graecis offendit. Ius ut everti detraxit expetenda, meis civibus consectetuer ea usu. Ad qui option facilisis consequuntur, pro omnis aliquip vulputate te. Ad qui option facilisis consequuntur, pro omnis aliquip vulputate te. Solum affert expetenda eos te, et vim sale iudico impetus, in appetere postulant ius. Alia nihil utroque ex sit. Lorem ipsum dolor sit amet, ne sea vocent scripta abhorreant, facilisi explicari mel ne, ut quo vide ridens. Mei ex quodsi inciderint, quo ad quas deleniti definitionem, vis no wisi graecis offendit. Ius ut everti detraxit expetenda, meis civibus consectetuer ea usu. Ad qui option facilisis consequuntur, pro omnis aliquip vulputate te. Solum affert expetenda eos te, et vim sale iudico impetus, in appetere postulant ius. Alia nihil utroque ex sit. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Facilisis magna etiam tempor orci eu lobortis. Maecenas sed enim ut sem viverra aliquet. Diam ut venenatis tellus in metus vulputate eu scelerisque. Velit scelerisque in dictum non consectetur a erat nam at. Nisl pretium fusce id velit ut tortor pretium viverra. In hac habitasse platea dictumst vestibulum rhoncus est pellentesque.

A picture is worth 600 words...

The following background image is bound to the page scroll, rather than being triggered by it. Scroll up and down and compare the behavior of the image below to the green-tinted one in the sidebar.

 

Note that we have assigned the above Effect to an empty paragraph, defined by this custom CSS rule:

.scroll-box-blank { padding: 24px; min-height: 401px; border-radius: 4px; overflow: hidden; }

The min-height is equal to the natural height of the background image.

Additional content

Lorem ipsum dolor sit amet, ne sea vocent scripta abhorreant, facilisi explicari mel ne, ut quo vide ridens. Mei ex quodsi inciderint, quo ad quas deleniti definitionem, vis no wisi graecis offendit. Ius ut everti detraxit expetenda, meis civibus consectetuer ea usu. Ad qui option facilisis consequuntur, pro omnis aliquip vulputate te. Solum affert expetenda eos te, et vim sale iudico impetus, in appetere postulant ius. Alia nihil utroque ex sit. Lorem ipsum dolor sit amet, ne sea vocent scripta abhorreant, facilisi explicari mel ne, ut quo vide ridens. Mei ex quodsi inciderint, quo ad quas deleniti definitionem, vis no wisi graecis offendit. Ius ut everti detraxit expetenda, meis civibus consectetuer ea usu. Ad qui option facilisis consequuntur, pro omnis aliquip vulputate te. Solum affert expetenda eos te, et vim sale iudico impetus, in appetere postulant ius. Alia nihil utroque ex sit. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Facilisis magna etiam tempor orci eu lobortis. Maecenas sed enim ut sem viverra aliquet. Diam ut venenatis tellus in metus vulputate eu scelerisque. Velit scelerisque in dictum non consectetur a erat nam at. Nisl pretium fusce id velit ut tortor pretium viverra. In hac habitasse platea dictumst vestibulum rhoncus est pellentesque. Facilisis mauris sit amet massa vitae tortor condimentum lacinia quis. Viverra orci sagittis eu volutpat odio facilisis mauris sit amet. Vestibulum sed arcu non odio. Condimentum lacinia quis vel eros donec ac odio tempor orci. At erat pellentesque adipiscing commodo. Viverra justo nec ultrices dui sapien eget. In arcu cursus euismod quis viverra nibh cras pulvinar. Elementum pulvinar etiam non quam lacus suspendisse faucibus. Imperdiet massa tincidunt nunc pulvinar sapien et ligula ullamcorper malesuada. A scelerisque purus semper eget duis at tellus at urna. Sapien eget mi proin sed libero enim. Interdum velit laoreet id donec ultrices tincidunt arcu. Sagittis id consectetur purus ut faucibus pulvinar elementum integer enim.

Malesuada fames ac turpis egestas. Pretium lectus quam id leo in vitae turpis massa. Integer eget aliquet nibh praesent tristique magna sit. Gravida quis blandit turpis cursus in hac. Morbi tristique senectus et netus et malesuada fames ac turpis. Pellentesque pulvinar pellentesque habitant morbi tristique senectus et. Nisl rhoncus mattis rhoncus urna. Tempus imperdiet nulla malesuada pellentesque elit. Mauris rhoncus aenean vel elit scelerisque mauris. Erat imperdiet sed euismod nisi porta. Elementum nibh tellus molestie nunc non. Tincidunt lobortis feugiat vivamus at augue eget arcu. Massa sed elementum tempus egestas sed sed. Arcu odio ut sem nulla pharetra diam sit amet. Turpis egestas pretium aenean pharetra magna ac placerat.

Non nisi est sit amet facilisis magna etiam tempor. Amet luctus venenatis lectus magna fringilla urna. Est lorem ipsum dolor sit amet consectetur adipiscing. Tempus quam pellentesque nec nam aliquam sem et. Vulputate mi sit amet mauris commodo quis imperdiet. Massa sed elementum tempus egestas sed sed. Tincidunt arcu non sodales neque sodales. Nulla malesuada pellentesque elit eget gravida cum. A scelerisque purus semper eget. Ut tristique et egestas quis ipsum suspendisse ultrices gravida dictum.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Facilisis magna etiam tempor orci eu lobortis. Maecenas sed enim ut sem viverra aliquet. Diam ut venenatis tellus in metus vulputate eu scelerisque. Velit scelerisque in dictum non consectetur a erat nam at. Nisl pretium fusce id velit ut tortor pretium viverra. In hac habitasse platea dictumst vestibulum rhoncus est pellentesque. Facilisis mauris sit amet massa vitae tortor condimentum lacinia quis. Viverra orci sagittis eu volutpat odio facilisis mauris sit amet. Vestibulum sed arcu non odio. Condimentum lacinia quis vel eros donec ac odio tempor orci. At erat pellentesque adipiscing commodo. Viverra justo nec ultrices dui sapien eget. In arcu cursus euismod quis viverra nibh cras pulvinar. Elementum pulvinar etiam non quam lacus suspendisse faucibus. Imperdiet massa tincidunt nunc pulvinar sapien et ligula ullamcorper malesuada. A scelerisque purus semper eget duis at tellus at urna. Sapien eget mi proin sed libero enim. Interdum velit laoreet id donec ultrices tincidunt arcu. Sagittis id consectetur purus ut faucibus pulvinar elementum integer enim.

Malesuada fames ac turpis egestas. Pretium lectus quam id leo in vitae turpis massa. Integer eget aliquet nibh praesent tristique magna sit. Gravida quis blandit turpis cursus in hac. Morbi tristique senectus et netus et malesuada fames ac turpis. Pellentesque pulvinar pellentesque habitant morbi tristique senectus et. Nisl rhoncus mattis rhoncus urna. Tempus imperdiet nulla malesuada pellentesque elit. Mauris rhoncus aenean vel elit scelerisque mauris. Erat imperdiet sed euismod nisi porta. Elementum nibh tellus molestie nunc non. Tincidunt lobortis feugiat vivamus at augue eget arcu. Massa sed elementum tempus egestas sed sed. Arcu odio ut sem nulla pharetra diam sit amet. Turpis egestas pretium aenean pharetra magna ac placerat.

Additionally...

Non nisi est sit amet facilisis magna etiam tempor. Amet luctus venenatis lectus magna fringilla urna. Est lorem ipsum dolor sit amet consectetur adipiscing. Tempus quam pellentesque nec nam aliquam sem et. Vulputate mi sit amet mauris commodo quis imperdiet. Massa sed elementum tempus egestas sed sed. Tincidunt arcu non sodales neque sodales. Nulla malesuada pellentesque elit eget gravida cum. A scelerisque purus semper eget. Ut tristique et egestas quis ipsum suspendisse ultrices gravida dictum.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Facilisis magna etiam tempor orci eu lobortis. Maecenas sed enim ut sem viverra aliquet. Diam ut venenatis tellus in metus vulputate eu scelerisque. Velit scelerisque in dictum non consectetur a erat nam at. Nisl pretium fusce id velit ut tortor pretium viverra. In hac habitasse platea dictumst vestibulum rhoncus est pellentesque. Facilisis mauris sit amet massa vitae tortor condimentum lacinia quis. Viverra orci sagittis eu volutpat odio facilisis mauris sit amet. Vestibulum sed arcu non odio. Condimentum lacinia quis vel eros donec ac odio tempor orci. At erat pellentesque adipiscing commodo. Viverra justo nec ultrices dui sapien eget. In arcu cursus euismod quis viverra nibh cras pulvinar. Elementum pulvinar etiam non quam lacus suspendisse faucibus. Imperdiet massa tincidunt nunc pulvinar sapien et ligula ullamcorper malesuada. A scelerisque purus semper eget duis at tellus at urna. Sapien eget mi proin sed libero enim. Interdum velit laoreet id donec ultrices tincidunt arcu. Sagittis id consectetur purus ut faucibus pulvinar elementum integer enim. Malesuada fames ac turpis egestas. Pretium lectus quam id leo in vitae turpis massa. Integer eget aliquet nibh praesent tristique magna sit. Gravida quis blandit turpis cursus in hac. Morbi tristique senectus et netus et malesuada fames ac turpis. Pellentesque pulvinar pellentesque habitant morbi tristique senectus et. Nisl rhoncus mattis rhoncus urna. Tempus imperdiet nulla malesuada pellentesque elit. Mauris rhoncus aenean vel elit scelerisque mauris. Erat imperdiet sed euismod nisi porta. Elementum nibh tellus molestie nunc non. Tincidunt lobortis feugiat vivamus at augue eget arcu. Massa sed elementum tempus egestas sed sed. Arcu odio ut sem nulla pharetra diam sit amet. Turpis egestas pretium aenean pharetra magna ac placerat.

Non nisi est sit amet facilisis magna etiam tempor. Amet luctus venenatis lectus magna fringilla urna. Est lorem ipsum dolor sit amet consectetur adipiscing. Tempus quam pellentesque nec nam aliquam sem et. Vulputate mi sit amet mauris commodo quis imperdiet. Massa sed elementum tempus egestas sed sed. Tincidunt arcu non sodales neque sodales. Nulla malesuada pellentesque elit eget gravida cum. A scelerisque purus semper eget. Ut tristique et egestas quis ipsum suspendisse ultrices gravida dictum.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Facilisis magna etiam tempor orci eu lobortis. Maecenas sed enim ut sem viverra aliquet. Diam ut venenatis tellus in metus vulputate eu scelerisque. Velit scelerisque in dictum non consectetur a erat nam at. Nisl pretium fusce id velit ut tortor pretium viverra. In hac habitasse platea dictumst vestibulum rhoncus est pellentesque. Facilisis mauris sit amet massa vitae tortor condimentum lacinia quis. Viverra orci sagittis eu volutpat odio facilisis mauris sit amet. Vestibulum sed arcu non odio. Condimentum lacinia quis vel eros donec ac odio tempor orci. At erat pellentesque adipiscing commodo. Viverra justo nec ultrices dui sapien eget. In arcu cursus euismod quis viverra nibh cras pulvinar. Elementum pulvinar etiam non quam lacus suspendisse faucibus. Imperdiet massa tincidunt nunc pulvinar sapien et ligula ullamcorper malesuada. A scelerisque purus semper eget duis at tellus at urna. Sapien eget mi proin sed libero enim. Interdum velit laoreet id donec ultrices tincidunt arcu. Sagittis id consectetur purus ut faucibus pulvinar elementum integer enim. Malesuada fames ac turpis egestas. Pretium lectus quam id leo in vitae turpis massa. Integer eget aliquet nibh praesent tristique magna sit. Gravida quis blandit turpis cursus in hac. Morbi tristique senectus et netus et malesuada fames ac turpis. Pellentesque pulvinar pellentesque habitant morbi tristique senectus et. Nisl rhoncus mattis rhoncus urna. Tempus imperdiet nulla malesuada pellentesque elit. Mauris rhoncus aenean vel elit scelerisque mauris. Erat imperdiet sed euismod nisi porta. Elementum nibh tellus molestie nunc non. Tincidunt lobortis feugiat vivamus at augue eget arcu. Massa sed elementum tempus egestas sed sed. Arcu odio ut sem nulla pharetra diam sit amet. Turpis egestas pretium aenean pharetra magna ac placerat.

people-01.jpg
faces-11.jpg
faces-10.jpg