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

Issue on Safari #5

Closed
elemis opened this issue Jun 18, 2021 · 6 comments
Closed

Issue on Safari #5

elemis opened this issue Jun 18, 2021 · 6 comments

Comments

@elemis
Copy link

elemis commented Jun 18, 2021

If scrollcue is used at the top of the page, the elements don’t show until you scroll a little bit on Safari. Please check http://themes.iki-bir.com/sandbox/index7.html for demonstration. What could be the issue here? Any tips to overcome this? Thanks.

@prjct-samwest
Copy link
Owner

prjct-samwest commented Jun 18, 2021

I don't know the exact cause, but can you modify scripts.js as follows? Thank you,

function enableScrollCue() {
    scrollCue.init({
        interval: -400,
        duration: 700,
        percentage: 0.8,
        enable : false,
    });
    $(window).on('load',function (){
        scrollCue.enable();
    });
};
enableScrollCue();

@elemis
Copy link
Author

elemis commented Jun 18, 2021

Thank you for replying. Tried the code but now it doesn't work at all. Please check: http://themes.iki-bir.com/sb2/index7.html

@prjct-samwest
Copy link
Owner

It seems that the load event is not working for some reason :(
Can you please try the following?

function enableScrollCue() {
    scrollCue.init({
        interval: -400,
        duration: 700,
        percentage: 0.8,
        enable : false,
    });
    $(window).on('load',function (){
        scrollCue.enable();
        $(window).trigger('resize');  // added
    });
};
enableScrollCue();

@elemis
Copy link
Author

elemis commented Jun 19, 2021

Still the same :( Sorry for taking your time.

@prjct-samwest
Copy link
Owner

Hmm, you might be able to go with simply running the update method. I'm not sure, but.
I'm sorry to bother you.

function enableScrollCue() {
	scrollCue.init({
		interval: -400,
		duration: 700,
		percentage: 0.8
	});
};
enableScrollCue();
scrollCue.update();  // try this!

@elemis
Copy link
Author

elemis commented Jun 19, 2021

It worked! Thank you very much for your help.

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

No branches or pull requests

2 participants