Infinite Scrolling With Mura 7

Pagination is boring! Let’s add infinite scrolling to our site ala Facebook and Twitter!

Mura 7 added several new features that can be combined to do just that. In this session we’ll look at some functions in the new m() scope in Mura 7, new functionality in Display Objects, and how to manipulate them on the client-side at run-time. Then we’ll combine all of this together to show you how to build Infinite Scrolling into your own Mura website.

Description of target audience: Developers looking to take advantage of new Mura 7 functionality in their custom theme development.

Assumed knowledge for the topic: Attendees should understand current JavaScript (jQuery, events, and promises) as well as a basic understanding of Display Objects in Mura.

Main takeaways:

  • New features in the Mura m() scope.
  • Passing parameters to and from Display Objects.
  • Rendering multiple copies of the same Display Object on a page.
  • Using JavaScript events to trigger Mura Display Objects.
  • Combining it all together to build real-world functionality into a Mura website.


Nolan Erck

Nolan Erck has been developing software for 19 years. Starting in the video game industry working on titles for Maxis and LucasArts, then advancing to web development in 1999, his list of credits includes Grim Fandango, StarWars Rogue Squadron, SimPark, SimSafari as well as high-traffic websites for clients. Nolan manages the SacInteractive User Group, teaches classes on aspects of software development, and regularly gives presentations at conferences and user groups across the country.