min30327 / luxy.js Goto Github PK

Hello.

I'm currently using Luxy in combination with SWUP. I'm trying to figure out what the best approach is for updating Luxy Targets on a new PJAX Page load. Currently, my home page (or whatever page is loaded first) works as expected and the 'luxy-el' have a nice parallax effect to them. However, when I navigate to another page, the 'luxy-el' don't update.

Is it as simple as re-initializing Luxy on each load or is there a better approach to just updating the Targets?

Thanks!

Hi, is there a way to disable luxy? I need to have the native scroll behavior on mobile.
Thanks!

I notice that an element quite far down the page begins its scrolling transition immediately and not relative to the view port.

For example, an element placed half way down a long page will begin at offset 0. Then by the time you scroll to that element it has moved quite far from its original position. Is there a way to make it relative to the view port?

Not sure if I am making sense.

Can you directly add the code of element width change in the source code, if you can let us know, thank you very much.

I'm using Lux with SWUP.js a page transition library with cdn's at in my footer.php file like this...

    <!-- Swup -->
    <script src="https://unpkg.com/swup@latest/dist/swup.min.js"></script>  
    <script type="text/javascript">
        const swup = new Swup();
    </script>

    <!-- Luxy -->
    <script src="https://cjh.sfo2.cdn.digitaloceanspaces.com/Smooth-Scroll/luxy.js"></script>
    <script type="text/javascript"> 
        luxy.init({
            wrapper: '#luxy',
            wrapperSpeed:  0.08
        });
    </script>

For some reason Luxy is stopping my page transitions. I really love both of these libraries and would like to keep both in my project. Any ideas?

I've been trying out Luxy and it's really good! The only problem I'm noticing is that my sticky elements seem to revert to acting like they're position:relative. I usually get this behaviour if a parent object is set to overflow:hide so wasn't sure if Luxy does this, or if there's any other reason they don't work?

Hi,
First of all, thanks for this plugin, really useful.
I try to found a function for remove ( more refresh) the luxy.js when it's use with a plugin as barbajs
re-call the luxy.init() after a transition simply broke it and work only once ( at the first loading page )
How i can figure it with your plugin ?
Thanks a lot by advance

Might have been a recent safari update but it's not performing smoothly.

Parallax elements sharply vibrate while scrolling, before jumping to their end position sharply after inertia has stopped.

Would be great if this is looked into! Great library.

Hello!

please ignore my previous issues

I've been developing in Firefox Developer Edition. Luxy is controlling the page inertia beautifully.

But on Chrome I'm noticing that when I scroll halfway down the page the scroll begins to get choppy.

I know that Firefox's Quantum CSS engine is super fast but is there anyway to optimize Luxy on Chrome? I'm developing in Wordpress and running Luxy through a cdn.

Thanks!

The parallax effect works only to the whole site as wrapper. A hidden element at the end of the site will move while scrolling and the position by entering the screen is wrong. How to trigger/set parallax movement to different sections at the center of the page?

I'm using Lux with SWUP.js a page transition library with cdn's at in my footer.php file like this...

`
<script src="https://unpkg.com/swup@latest/dist/swup.min.js"></script>
<script type="text/javascript">
const swup = new Swup();
</script>

<!-- Luxy -->
<script src="https://cjh.sfo2.cdn.digitaloceanspaces.com/Smooth-Scroll/luxy.js"></script>
<script type="text/javascript"> 
    luxy.init({
        wrapper: '#luxy',
        wrapperSpeed:  0.08
    });
</script>`

For some reason Luxy is stopping my page transitions. I really love both of these libraries and would like to keep both in my project. Any ideas?

As the title says when I apply some data attributes to some elements further down the page they get severely mispositioned because the library executes the transforming once the page is loaded.

Is there any solution or workaround for this issue?

Works awesome on Chrome, but horrible on Safari.

Firefox is not so great either.

Thanks for the lovely lib 👍

I put some paragraph tags 7-8 times for horizontal scroll but they are completely invisible.

hello,

we are using luxy.min.js for a small animation on the home page slider, it works well but the issue is that this script adds a wrapper to the whole page so that no sticky element will work inside that wrapper. hence our sticky menu doesnt work also certain other elements on the site dont load properly when the script is on if we remove code all other things work well.

is there a ways out where we can restrict the script to a specifc layout or section on a webpage so it doesnt interfere with the other compoenets of the site an pages.

here is our webstie link : https://tinyurl.com/yyrmjdnr

any kind of help will be really appreaciated,

I cannot use your incredible smooth scrolling library due to errors while importing in react js project. Please guide me to implement this in my project.

Thanks for luxy.js !

There is a visual bug when the browser bottom navigation bar is toggled on ios (chrome or safari). The scroll freeze during the mobile browser menu animation. Try the luxy examples page with an iphone for seen the bug.

Have a nice day

delete

How to trigger the animation when an item comes in the viewport?

Hey, I'm trying to use your cool library in my single page application home project, but I have some problems with smooth scrolling when calling .init() second time when different page with #luxy element loads.

Scroll partially works, it calculates transform, but it stops smoothing effect - whereas parallax works fine so I think there is problem with just an animation of scrolling.

Tried to fix the bug in the code but no success - I'd be grateful for some advices or ideas.

Thanks!

per the title, I can only get this working smooth on chrome on windows, android suffers some lag and random jumps, firefox and edge have elements jitter and shake.

Hi,

Thanks for making such a wonderful resource.

Is there any way of turning Luxy off in Firefox? Firefox has is own native smooth scroll and luxy.js makes the native smooth scroll quite janky?

Many thanks

Emily

this is not working, remove luxy and this works.

<a href="#jump">Jump</a>
<p id="jump">Jump here</a>