Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

parallax + scrollOverflow with background issue #2827

Closed
eliteproxy7 opened this issue Aug 3, 2017 · 6 comments
Closed

parallax + scrollOverflow with background issue #2827

eliteproxy7 opened this issue Aug 3, 2017 · 6 comments

Comments

@eliteproxy7
Copy link

eliteproxy7 commented Aug 3, 2017

here is my JS code

$('#myContainer').fullpage({
                    anchors: ['firstPage', 'secondPage', '3rdPage', '4thpage'],
                    menu: '#menu',
                    slidesNavigation: true,
                    parallax: true,
                    resetSliders: true,
                    parallaxOptions: {
                        type: 'reveal',
                        percentage: 62,
                        property: 'translate'
                    },
                    scrollingSpeed: 1000,
                    autoScrolling: true,
                    scrollOverflow: true,
                    scrollBar: hasScrollBar,
                    fitToSection: true
                });

            $("select").change(function() {
                var fullPageOption = $(this).data('option');
                var value = $(this).val();
                if (fullPageOption === 'offset') {
                    $.fn.fullpage.parallax.setOption('offset', value);
                } else if (fullPageOption === 'type') {
                    $.fn.fullpage.parallax.setOption('type', value);
                } else if (fullPageOption === 'autoScrolling') {
                    $.fn.fullpage.setAutoScrolling(value === 'true');
                }else {
                    $.fn.fullpage.destroy('all');
                    initialize(value === 'true');
                }
            });

and my html

<div id="myContainer">
        <div class="section" id="section1">
            <div class="slide" id="slide1-1">
                <div class="fp-bg"></div>
                <div class="slidecontent slide1" id="slide1">text here</div>
            </div>
     </div>
   <div class="section" id="section2">
            <div class="slide" id="slide2-1">
                <div class="fp-bg"></div>
                <div class="slidecontent slide1" id="slide1">text here</div>
            </div>
     </div>
</div>

on the slides that have overflow text, when I scroll the overflow part it also scrolls the <div class="fp-bg"></div> i need this to stay put or have the parallax effect

@alvarotrigo
Copy link
Owner

Please contact me and let me know the email you used for the purchase.

@dvelopt
Copy link

dvelopt commented Sep 22, 2017

Alvaro, I also am having the same issue.

@alvarotrigo
Copy link
Owner

Fixed in extensions v0.0.4 and parallax v0.0.8

@rosell921
Copy link

facing the same issue here

@alvarotrigo
Copy link
Owner

@rosell921 contact me.

@rosell921
Copy link

ok, sent an email

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

4 participants