Bubbles not moving(floating) while scrolling page - CSS-Tricks

This topic is empty.

Viewing 9 posts - 1 through 9 (of 9 total)

Author

Posts
November 3, 2015 at 4:42 am #210474

Eva
Participant

I am working on some stuff. As you can see from the link http://logic.al/lufra/rreth-nesh/historiku

there are bubbles around the content. Those bubbles were supposed to move (float) up and down while scrolling the page. like here.: https://moz.com/about

Can anyone help me with this issue?

Thank you !

November 3, 2015 at 7:39 am #210489

Shikkediel
Participant

Could you elaborate on which plugin you’ve added exactly? Looks like another $ issue in general, this time calling jQuery before it has loaded I think. Can’t actually find the script that logs the error (testim.js). On the moz.com link they’re using stellar.js to get this to work which makes it somewhat confusing. Hence the question about the plugin’s origin.

November 3, 2015 at 7:46 am #210493

Eva
Participant

@Shikkediel, i am not using anything, i mean any plugin. I have only added that script, but it didnt work. You mentioned the stellar.js. I have copied that .js file, and linked with index.html. but still not working ? Would you mind to have another look ?
Thanks a lot

November 3, 2015 at 8:05 am #210498

Shikkediel
Participant

Stellar is at least doing something so that ought to work. But then it looks like testim.js is executed too soon, before the first script has added the bubble classes. Kinda hard to see through, still have no clue where that second script is coming from. Must be initiated by something else since it’s not linked to on the page directly. But order of execution seems to be the biggest influence.

November 3, 2015 at 8:07 am #210499

Eva
Participant

i have to tell you that the second script with the bubble classes was my script. i have added that script after i removed the stellar. js. Right now i removed that piece of code and it is only stellar.js up to

November 3, 2015 at 9:12 am #210501

Shikkediel
Participant

I think I’m lacking the Joomla experience to get oversight with this… inline style on the bubbles seems to refer to /lufra/historiku/index.html. When I look at that to find the script, the content of it is not JS but CSS.

Maybe someone’s done this sort of thing before…

November 5, 2015 at 9:08 am #210582

Eva
Participant

@shikeddiel, could you please check this link,
i have changed all code, let say…

http://logic.al/lufra/en/about-us/our-history

when i am on local host it works perfectly,
but when i have inserted the code online, it doesnt. Bubbles don’t float.
I would appreciate a lot your opinion

November 5, 2015 at 10:30 am #210584
Shikkediel
Participant
Another jQuery conflict it seems… easiest workaround would probably be to give this a go instead :

http://pastebin.com/PgYjf6HD

Can’t test it live but if it worked locally, this should as well.
Or wrap your function in one of these :
```
jQuery(function($) {

    // use string character as usual
});
```
Looks like you’re missing a DOM ready listener in any case – it will normally be executed before the document has been read when a script is placed inside the <head> tag.
December 16, 2015 at 7:21 am #235902

Eva
Participant

Problem is that, i gave a command to load javascript after other files ( for better performance) but seems i have stoped loading all javascript files.
the post “https://css-tricks.com/forums/topic/magnifier-not-moving/” has to do with this kind of script i have added to stop loading .js . and i have noticed today where the problem was.
I have backed up the original file i have edited, but i dont know why isn’t working anymore.
Does anyone has any script to force loading javascript?
Author

Posts

Viewing 9 posts - 1 through 9 (of 9 total)

The forum ‘JavaScript’ is closed to new topics and replies.