Parallax Pro: adding images / sections (continued)

[Tom]

This is a follow-up post to the thread (which seems to have been auto-closed, or perhaps mod-closed?)

@MarkP asked:

is there a way to modify the white background color that is visible behind the scrolling images? The white shows at the bottom of images as they scroll to the top, like a page behind the images?

I hadn't taken the time to explore this mod more closely and find the same issue Mark has discovered: horizontal bands of the background showing through beneath the new image sections. These bands relate to the fixed or 'sticky' menu.

To eliminate the bands a small adjustment to the parallax javascript is required. This was tested using five parallax sections and is not affected by being logged in (different screen top starting point) or screen width (changes from sticky menu to mobile menu). For each background section in parallax.js, reduce the background scroll value by 70 (pixels):

// Enable parallax effect
backgroundscroll = scrollwindow - $(".home-section-2").offset().top;
$(".home-section-2").css("backgroundPosition", "0px " + -(backgroundscroll/6)-70 + "px");

For the original code setup, see the original thread noted above.

---

Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

[MarkP]

This reply has been marked as private.

[MarkP]

This reply has been marked as private.

[Author]

Posts