Skip to main content
120 questions
Newest Active Bountied Unanswered
Filter by
Sorted by
Tagged with
1 vote
0 answers
26 views

I have a mixture of scrolling and parallax images. I need one of the parallax images to be responsive - either scale with the width of the viewport (preferred), or display a different image. Or ...
RioBrewster's user avatar
  • 137
0 votes
1 answer
216 views

I want these class elements to be deactivated in their current coordinated positions (without resetting the position) when clicked. <div id="scene" data-relative-input="true">...
Alper Burak PUSAR's user avatar
  • 1
-1 votes
1 answer
236 views

Is it possible to have one fixed video gif page and then when I'm scrolling things just add up on that fixed video gif page.So it will be only one page but things will be adding up when user is ...
lemilevoj's user avatar
  • 29
0 votes
1 answer
120 views

My page get 50% from Google Page Speed: https://tikex-dev.com The template page I replicating get 72% on desktop. http://themes.framework-y.com/codrop/music/ Why they page load faster? I see a black ...
János's user avatar
  • 35.5k
0 votes
1 answer
3k views

When I pass following attributes, Next.js raise warning. Is it a way to avoid? <div className="col-lg-6" data-anima="fade-bottom" data-time={1000} ></div> ...
János's user avatar
  • 35.5k
0 votes
2 answers
179 views

I was using the jquery plugin:- https://github.com/pixelcog/parallax.js/, to create a parallax scroll in a website. I installed parallax using npm and also included:- <script src="https://code....
Glowing_glasses's user avatar
  • 27
0 votes
0 answers
170 views

im trying to install the universal parallax library, however when i call in my component nothing appear. no error appear also, can anyone help me? i would really appreciate, im not sure what is ...
TechDev's user avatar
  • 433
0 votes
1 answer
180 views

I apologize in advance for my English, I'm using Parallax.js on my page and I ran into the following problem. The picture that I use to create the parallax has a resolution of 3160x2840 but my screen ...
idk's user avatar
  • 1
1 vote
0 answers
90 views

Bootstrap collaspe div is not pushing the parallax div, but instead going on top of it. See here: https://codepen.io/carlo-designer/pen/zYZoNYM Code is below: <div class="container my-5"> &...
Carlo's user avatar
  • 11
0 votes
2 answers
167 views

I implemented the tool as per the instructions at https://pixelcog.github.io/parallax.js/ (also watched a YouTube tutorial on it before that). It works perfectly on desktop sites (and shows graceful ...
SJB's user avatar
  • 197
0 votes
1 answer
3k views

I'm trying to 'transform' elements, img here when the mouse moves on the page. I have integrated a vanilla code to create this effect and thought I understoond it but it seems I was wrong. The element ...
KV2uAj7c5's user avatar
  • 15
2 votes
0 answers
712 views

I am trying to install https://github.com/wagerfield/parallax/, I already read the documentation, and I got a sample of how to use it in javascript, I am going to use it in React, so, with that sample ...
Jesús's user avatar
  • 456
0 votes
0 answers
75 views

I am using stellar.js to create a parallax effect on my webpage. The problem is that the background image is slightly to the left. Here is the js code I'm using: function() { if ( !isMobile.any()) ...
Mertz's user avatar
  • 85
0 votes
0 answers
124 views

I'm using parallax.js to give a parallax effect to my images. I have one background image and one layer image. I tried to follow a tutorial on Youtube but the images don't seem to show up. I have gone ...
Devika Sujith's user avatar
  • 121
0 votes
1 answer
61 views

I just bought this template. When resizing the window under 991px, the overlay does not fit the section because of padding 60px. Do you know what I can do to resolve this ?
user avatar
0 votes
1 answer
895 views

Following the tutorial : https://github.com/wagerfield/parallax/issues/277 I try to make some Parallax, It works when my mouse move but I would like to make it move by itself like the clouds here : ...
Dips's user avatar
  • 119
0 votes
1 answer
1k views

I want to shift background image according to device orientation and angle. All Flutter parallax implementions which I found were using scrolling events to shift image. But how to do the same using ...
emvaized's user avatar
  • 1,145
0 votes
0 answers
118 views

Thanks for read this post. I have a website with this section: With this code:Actual Code I need to give to the rocket image a little move when the user move the mouse, I have try to reach this ...
aponte_alex's user avatar
  • 33
2 votes
1 answer
642 views

I created a blank jekyll blog and I included parallax.js with CDNlink and the link is : (script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/parallax/3.1.0/parallax.min.js">) ...
Lazos Pap's user avatar
  • 73
0 votes
1 answer
884 views

I have owl carousel 2 slider and I'm using parallax.js to create parallax effect on div background. https://pixelcog.github.io/parallax.js/ My problem: slider dots does not switch the images - when I ...
Natalia's user avatar
  • 1,027
1 vote
1 answer
313 views

I am trying to incorporate Parallax.js (jQuery) and Ajax Load More (WordPress plugin) to the same page. When Load More changes the length of the page, the parallax images should re-position themselves ...
mtm's user avatar
  • 89
2 votes
0 answers
294 views

I would like to add the full page parallax scroll effect on a one-page website, but I have no idea how to add this effect. I have tried to set up the section height: 100vh, but the result goes out ...
Hei.l's user avatar
  • 25
1 vote
0 answers
85 views

I'm using the parallax.jx. It shows the image just right, but the image doesn't scroll at a lower speed, it is fixed on the page. Does anyone know why it does this and how I can fix it? HTML: `<...
Fedde Engelen's user avatar
  • 11
2 votes
1 answer
1k views

I am using parallax.js (https://github.com/wagerfield/parallax) for an mouseover parallax effect. I added the script to my angular app via cdn and script tag. In the console it shows this error: ...
Ma G.'s user avatar
  • 62
1 vote
0 answers
336 views

I have a parallax hover section which I have on top of some text and a CSS background image. The issue I'm having is that the section does not sit flush inside my div/header, and even worse so when I ...
Caitlin's user avatar
  • 541
0 votes
1 answer
647 views

I'm new to angular Im planning to create a website with parallax.js and gsap tweenmax effects with angular7. I want to know where do I get some reference regarding with this
Shibin Mariyan Stanly's user avatar
  • 331
1 vote
0 answers
323 views

I'm teaching myself how to create a parallax hover image using 5 layers, which is working perfectly, and I am able to resize the layers alright, but I'm having trouble with the positioning. When ...
Caitlin's user avatar
  • 541
2 votes
1 answer
565 views

I am using Parallax.js in my wordpress site. On one of my pages, I have a click event and when its executed it adds a class to an element (not the parallax element) which adds height to the non-...
user979331's user avatar
  • 12.1k
1 vote
1 answer
213 views

I am looking for a parallax effect that I can apply to a HTML ELEMENT. I have gone through so many libraries available on internet, and all of the parallax effects are applied to a element that ...
Ramesh's user avatar
  • 2,403
0 votes
1 answer
382 views

I got a website that was working earlier, and suddenly my bottom collapsible doesn't push the parallax down, it does push my <hr> down and also the footer, but not the parallax window. /*@...
M0NST4H's user avatar
  • 1
0 votes
0 answers
245 views

I am trying to recreate a painting of an artist using parallax with the elements that make up the collage, but I can not understand well how to position the elements or that it is centered to the ...
Edgar Gutiérrez's user avatar
  • 116
1 vote
0 answers
579 views

I have a parallax function applied in two backgrounds sections on the homepage.(1 and 4 sections) The parallex works correct on the first section but on section 4, the image disappears. $(window)....
KevinM's user avatar
  • 339
0 votes
0 answers
107 views

parallax plug is here https://github.com/pixelcog/parallax.js I was already installed " npm install jquery ".
バイリメイ's user avatar
  • 1
1 vote
0 answers
707 views

I am building my online store lately with Shopify but I would like to have the scrolling parallax effect for the header in the theme. I am trying to do this for hours and wasn't able to make it work. ...
Caroline Garcia's user avatar
  • 11
0 votes
1 answer
2k views

I am currently using a parallax effect which takes the whole background of the front page. My problem is that I want to set the height to like 50%.. but thats not working. Code: <header class="...
Rene Viermann's user avatar
  • 1
1 vote
1 answer
119 views

I've been working on a project. this is a mouse parallax jquery code. At the moment the elements have linear motion. what i'm looking for is after the mouse stops the motion has to continue for like ....
Eswin Dixon's user avatar
  • 31
0 votes
1 answer
783 views

I’m trying figure out something that has led me to the point of not even seeing the wood through the trees. I’m a noob when it comes to JavaScript and I would normally use a database to sort this but ...
user avatar
0 votes
1 answer
860 views

I am using the fullPage JS plugin along with the parallax JS plugin. There is an animation which features circles expanding and the parallax on it. I need to hide the circles and am using overflow:...
Rimil Dey's user avatar
  • 997
1 vote
1 answer
2k views

I have a few images working as social media links. I added parallax.js (http://wagerfield.github.io/parallax/) to add the parallax effect, and after that, I can't click on my links. I have also added ...
Rimil Dey's user avatar
  • 997
0 votes
1 answer
528 views

I added the parallax.js jQuery plugin and the effect works, but not properly. The background is zoomed in and the image is glitchy on scroll. I added additional variables listed in the documentation ...
FlySpaceAge's user avatar
  • 95
0 votes
4 answers
4k views

My landing page needs to be 100vh / 100vw with no scrolling. The background is an image with a parallax effect so when the mouse moves the image moves. I'm struggling to work out how to make it work....
James Bimson's user avatar
  • 13
2 votes
1 answer
681 views

I am trying to implement parallax effect in my code for that I am using parallax js. I want the images of my page to start moving with the data-scalar-x and data-scalar-y values as soon as I hover ...
Aayushi's user avatar
  • 1,816
0 votes
2 answers
7k views

I've been trying more than 10 times to use parallax.js jquery plugin. But it doesn't work. I don't understand what's going on with me. plugin Site: http://matthew.wagerfield.com/parallax/ my demo ...
Towhidul Islam's user avatar
  • 27
1 vote
1 answer
1k views

As part of a web project I'm making, I'm using the parallax.js library. What I am trying to do is have an image fill up the entire viewport, and when the user moves around their mouse, the image moves ...
steliosbl's user avatar
  • 8,927
1 vote
0 answers
462 views

I have been working on a simple parallax scrolling web page that works well on my local machine but did not take effect when I uploaded to github pages. I am using scrollr.js (javascript library for ...
Mojeed's user avatar
  • 11
2 votes
1 answer
1k views

Parallax plugin is not working in my html file. Please help me to fix the bug. I have created a HTML document where I have used parallax image effect in a div. https://github.com/munadilfahad/exam-...
Munadil Fahad's user avatar
  • 33
0 votes
1 answer
6k views

A perfect example of what I am looking to achieve is on this page as soon as you land on it (parallax BG, text fades, and text is parallaxed):themenectar.com I am using parallax.js for my backgrounds ...
Notorious's user avatar
  • 3,237
2 votes
1 answer
768 views

I'd like to use Parallax.js for a project, but so far I've had trouble getting it to play nice with an existing site. Here's where I'm getting hung up: I want to apply the plugin to an element whose ...
Androbaut's user avatar
  • 409
0 votes
1 answer
1k views

I am trying to create a website that looks like this And the idea is to make a parallax scrolling the content over the background image. Im not sure what would be the best approach to have the image ...
Emad's user avatar
  • 366
1 vote
1 answer
1k views

I'm using parallax.js to add parallax effect on my website. I would like to remove the data-image-src property when the screen size is smaller that 767pixels. I know I should use @media screen and (...
user avatar

1
2 3