Study on Parallax Scrolling Web Page Conversion Module

  • Song-Nian Wang
  • Fong-Ming Shyu
Part of the Advances in Intelligent Systems and Computing book series (AISC, volume 297)


Parallax scrolling is one of the popular web page design effects in recent years. It enhances web page to convey the message more clearly than static pictures and text only. Many parallax scrolling webpages are designed by re-constructing a new production with open source designing tools.

This study attempts to convert non-parallax web page into parallax through the parallax scrolling conversion module that developed by this study. This module can easily convert existing web page into parallax scrolling web page. The first step of this study is to connect the skrollr parallax scrolling link tag with jQuery libraries and CSS into html tag of original web pages. Next step, web designers just have to input the affected range (such as a HTML or ID name, and so on) by parallax scrolling module developed by this study to generate skrollr parallax scrolling code. In the final step, paste the generated code back to the original web code and then the generating processes of parallax scrolling web page are completed.


web page conversion parallax scrolling web effect jQuery 


Unable to display preview. Download preview PDF.

Unable to display preview. Download preview PDF.


  1. 1.
    Anttonen, M., Salminen, A., Mikkonen, T., Taivalsaari, A.: Transforming the Web into a Real Application Platform: New Technologies, Emerging Trends and Missing Pieces. In: SAC 2011, March 21-25, TaiChung, Taiwan (2011)Google Scholar
  2. 2.
    Chen, W.A.: From HTML5/CSS3/Javascript to jQuery/PhoneGap Android program design. Flag Corp. (2012) ISBN 978-986-312-038-4Google Scholar
  3. 3.
    Wei, C., Lee, H., Molnar, L., Herold, M., Ramnath, R., Ramanathan, J.: Assisted Human-in-the-Loop Adaptation of Web Pages for Mobile Devices. In: IEEE 37th Annual Computer Software and Applications Conference, pp. 118–123 (2013)Google Scholar
  4. 4.
    Jarallax open source advanced javascript annimation library (November 25, 2013),
  5. 5.
    Interactive Resume of robby leonardi (January 17, 2014),
  6. 6.
    Apple Inc. (January 20, 2014)
  7. 7.
    W3Schools Online Web Tutorials (December 25, 2013),

Copyright information

© Springer International Publishing Switzerland 2014

Authors and Affiliations

  1. 1.Department of Multimedia DesignNational Taichung University of Science and TechnologyTaichungTaiwan

Personalised recommendations