120 questions
0
votes
2
answers
83
views
Can't understand function Javascript
Hello everyone I am frontend beginner, so for me parallax scrolling is very interesting area, and now I start learning it.
I am watching tutorials and read a lot of stuff for it, but still I am ...
3
votes
1
answer
2k
views
parallax.js parallax-slider parallax content and image
http://pixelcog.github.io/parallax.js/
Hello world! I have a problem with the plugin above. I have managed to make several parallax backgrounds and can fill them with content no problem however in ...
-1
votes
2
answers
3k
views
How make parallax scrolling window responsive with mobile
<div class="parallax-window" data-parallax="scroll" data-image-src="images/1.jpg"></div>
In css
.parallax-window {
min-height: 800px;
background: transparent;
i use parallax.js
i need ...
0
votes
1
answer
58
views
Unable to Solve this Weird Hover Error in Safari only
Please look at this site in a Safari Browser(Possibly Mac OS)
http://www.sportaboutgraphics.com
I do not know if the issue is present on Windows Safari.
When you hover on the Menu items on the right. ...
0
votes
2
answers
2k
views
Parallax JS not working smoothly with the content in Firefox, IE and Safari
I am using parallax js (http://pixelcog.github.io/parallax.js/) in my new web site. In five places I am using this and without any content only with the parallax images it is working really fine in ...
1
vote
1
answer
75
views
My element doesn't want to go up on scroll
Hello I am working on my first parallax scroll project, so I have problem, when I scroll up and down everything is OK, but on the end of the page i want to fix my boy to stop little bit before contact,...
0
votes
1
answer
928
views
jQuery Parallax.js not working
im trying to work with parallax.js but its not working regularly. My parallax div is not moving when im scrolling. I cant find the where the problem is. Here's the link im trying to work with. ...
0
votes
1
answer
1k
views
How to change parallax image position from its default top
Actually i am using parallax.js for scrolling effect. but that parallax image was hidden into the top portion of the header there by i can see only the bottom side. i want to view the parallaxed image ...
0
votes
1
answer
628
views
parallax.js only using X axis
I've been using a great little plugin called parallax.js on a few sites, however the most recent site I've added it to it is not behaving correctly at all.
You can see it here functioning as intended....
0
votes
0
answers
67
views
Fancybox with Parallax.js not working correctly
fiddle:https://jsfiddle.net/jzhang172/bft7fb6t/
THe parallax image doesn't show up on fancybox launch. When you resize the output window, the image will appear but it's not in the parallax fashion. ...
0
votes
2
answers
1k
views
Parallax effect in angular js not working
I am trying to add the parallax effect to my html page from this link
I was able to achieve it without using angular js. But if I use angularjs library image is not showing up. Even I was not able to ...
1
vote
1
answer
169
views
Why isn't my Parallax scrolling JavaScript code working?
I started designing my own site and followed a YouTube video tutorial on how to code Motion Parallax scrolling on Dreamweaver using JavaScript and CSS so I followed the video and did everything it ...
0
votes
1
answer
246
views
Library parallax.js
Hello I'm using the following library: http://pixelcog.github.io/parallax.js/ and I have a problem.
I am attached as my image and how I want it to look me
Image with problems
My code is:
Html:
&...
0
votes
4
answers
11k
views
Parallax js not working... image not showing
Using the suggested markup, css is correct, but absolutely no image is showing. When I use regular img tag (i.e.: <img src="*"/>) image shows perfectly... please help, im totally stumped and ...
2
votes
2
answers
2k
views
How to disable parallax wagerfield on small resolution?
I use this parallax, but can't disable it on mobile?
I found some methods like this:
scene = $('#scene').parallax();
scene.parallax('disable');
But it didn't work. Can anybody help?
0
votes
0
answers
204
views
Duplicating body tag angular
I am trying to fix problem (4hours) with weird duplicate body tag,
but i dont have any idea how to fix it. Is there anyone who had same problem in past?
<html lang="cs" ng-app="app" class="desktop ...
8
votes
1
answer
2k
views
How to fix parallax window scroll overflow?
i am using parallax.js v1.3 on the picture in the head of my page.
Please help me find out why when i scroll down the picture overflows.
When i load the page the picture is slightly distorted as if ...
0
votes
1
answer
218
views
Responsive design - modify image rotation according to media queries
First of all, I don't have any code yet, as I'm asking what's the best way to achieve this.
I'm developing a website which has an image on the left hand side that has a slight 3D rotation:
What I'd ...
0
votes
1
answer
939
views
Parallax on FullScreen Slider HomePage
I'm developing this website:
http://cslab.com.ve/tkp/
It has a homepage fullscreen I'm trying to make the next div sit over the first with parallax effects when I scroll down.
Im using parallax.js ...
0
votes
0
answers
46
views
JS not loading properly after hosting site
I have hosted my site on AWS server and I am encountering with weird problem When I load my page for the first time files are loaded as below
When I reload the site folder structure becomes
which is ...
2
votes
1
answer
2k
views
Changing the parallax image in parallax.js
Is there a way that I can change my parallax image when an event is fired? I am using parallax.js and I cannot seem to figure out a way.
Here's the HTML:
<div class="bg-page-index">
...
0
votes
0
answers
1k
views
parallax.js causes lags while scrolling page
I have a problem on website where I'm using parallax.js ( matthew.wagerfield.com/parallax/ ). While scrolling page down to section where parallax.js appear it causes huge lags. Firefox doesn't have ...
1
vote
1
answer
3k
views
fixed text on multiple section with parallax effect
I have 4 sections and all of them have a background image. The problem is that each section has some text on it in the middle. They are supposed to be fixed i.e when we scroll, the section below the ...
0
votes
0
answers
159
views
Div aligned to the left while using parallax.js
i am using parallax.js at my website but i have an issue that most of the divs always are slightly aligned to left for some reason,
Here's a link to the site, http://skuares.com/ the moon is the ...
2
votes
0
answers
2k
views
bootstrap carousel image not sliding with parallax
I am developing a site with parallax effect using the following plugin :-https://github.com/pixelcog/parallax.js/
I need to implement a slider in the first section. But the problem is that parallax ...
2
votes
2
answers
3k
views
Parallax.js moves my css-positioned elements
I'm starting out experimenting with Parallax.js and having a problem:
I lay out some clouds in the sky, and position their 'top' position using CSS in such a way that they're distributed over the sky ...
2
votes
1
answer
1k
views
parallax scrolling - jumps when used mouse scroll wheel
I have come across a problem with parallax scrolling. When mouse scroll wheel used it starts jumping and it look where bad on chrome and very little jump in IE but fine in firefox.
here is the link ...
1
vote
1
answer
1k
views
parallax.js with ionic/cordova
I am trying to use parallax.js with in an ionic view, when I use 'ionic serve' the plugin has the desired effect. But when I install it on a device (ios/android) it doesn't move based on the device ...
0
votes
1
answer
136
views
Wagerfield's example looks different from source
Setting up parallax.js I ran into this:
The html source markup (in the official GIThub project) is:
<ul id="scene" class="scene">
<li class="layer" data-depth="1.00"><img ...
0
votes
2
answers
757
views
How do I add and remove components? (Parallax JS)
In Parallax JS:
I have a menu that will change what is being 'parallaxed', I do not know how to change the components within the <li> tags. I think I need to stop the plugin and then start it ...
1
vote
1
answer
514
views
parallax.js + js fadein/out = no joy after first <li>
I am using parallax.js to animate a series of elements on a homepage. I searched for code that would allow me to add a simple "slider" effect to the elements as well.
Everything seems to be working ...
-2
votes
1
answer
112
views
Jquery Window Scroll Active specific item
Please check my coding ! i want to activate only one item which one will be coming from bottom. but when i running this code it's activating all div .
$(window).scroll(function() {
$('.parallax')....
0
votes
0
answers
740
views
playing audio on parallax website with skrollr JS
Please how I can play sound in specific positions...
Exemple : data-2000 and another data-5000
This is my code :
<div data-1000="" data-2000="">
<audio id="audio01" preload="auto"/>
...
2
votes
0
answers
787
views
Parallax.js cross-browser issues
I am new to parallax effects, and I am using parallax.js to work on a new design.
Live example here:
http://codepen.io/simonmoon/pen/f45f0d4ee0024d268d0b5ce5f4107a5d
The issue that I am having is ...
0
votes
2
answers
370
views
Parallax background scrolling: How can I fix my pattern to a specific location in my page?
I want to ask you how can I make my pattern placed on a specific place on my page? I made my parallax "background" from that website "http://web-features.net/". So what I want to make is that when I ...
1
vote
1
answer
1k
views
Free scrolling and parallax issue (jQuery Scroll Path + Parallax)
in a project where I need to build something like the famous parallax-powered Mario Kart Wii Experience site, which also comes with horizontal and vertical scroll (if you haven't seen it, here it is: ...
0
votes
0
answers
493
views
Parallax Issue in Chrome/Safari
Having some issues with certain parts of my Parallax Scrolling in my website and not sure why, heres the link to the website. The parallax I'll attach show screenshots to show what I mean, the Lift+ ...
4
votes
4
answers
5k
views
HTML/CSS - Fixed Backgrounds while scroll
Any idea or explanation how they did the backgrounds of this site?
http://upcircuit.org/
Basically, a fixed background is the trick here.
But there are multiple backgrounds and I am trying to solve ...
0
votes
0
answers
340
views
Uncaught TypeError: Property 'hidden' of object #<HTMLDocument> is not a function jquery-1.8.2.min.js
I have a site that i use in it flexslider and parallax slider
When i enter to the site sometimes (not always), the slider not appear, but if i refresh the page again it appear.
in the console i get ...
0
votes
1
answer
628
views
JQuery version conflict. Bootstrap parallax
I want to use in one document diffrent jQuery. On is use in bootstrap MEGAMENU (1.11.0) and older is used in paralax script.
My code look like this:
<script src="js/vendor/jquery-1.11.0.min.js" ...
1
vote
1
answer
611
views
<a> not clickable inside <li> in parallax.js
I'm using the parallax.js (http://wagerfield.github.io/parallax/) script to animate some elements on my page, here:
http://harbourcityseo.com/responsive/seo/.
When I place text outside of the < ...
1
vote
0
answers
1k
views
Reinitialize parallax.js on window resize?
I'm using the parallax.js for a responsive portfolio website. There is a "mansory" grid, which has "parallaxed" images in it. When I load the website in the smartphone view (with a smaller grid width) ...
-1
votes
1
answer
739
views
Parallax Story Telling Website. How to get Started
I want to create a Parallax Story Telling Website, for my portfolio. I have a good hand on HTML CSS3 and JAVASCRIPT. I just want some advice on how to start up with this project, which plugins to use ...
2
votes
1
answer
296
views
Touchwipe integration - one-page-site script
I have been spending most of the day troubleshooting and searching for an answer to my question regarding TouchWipe (http://www.netcu.de/jquery-touchwipe-iphone-ipad-library) integration on this ...
0
votes
2
answers
3k
views
How to have a div scroll FASTER than the rest of the html on mouse scroll down?
I am trying to create a sort of parallax effect, I what the section after "ABOUT" containing two different div with image to scroll faster than the rest of the page. I want that whole div to scroll ...
0
votes
0
answers
209
views
Jquery conflict on different wordpress pages
I am using the following code in wordpress:
<?php
function my_scripts_method() {
if (is_page_template('front-page.php')) {
// register your script location and dependencies
...
0
votes
4
answers
111
views
How do I do this kind of fixed picture scrolling?
http://www.polygon.com/2013-game-of-the-year How do I do this kind of fixed picture scrolling? I don't know what to search for. Can any of you recommend a good tutorial?
0
votes
3
answers
247
views
This JQuery snip doesn't work in Firefox
I don't know why but the code belows doesn't work in Firefox. It goes perfect in Chrome.
// Buttons marker
$( "#second button" ).click(function() {
$( this ).toggleClass('selected');
$( this ...
0
votes
1
answer
3k
views
Parallax Scrolling effect
I trying to create a basic parallax scrolling example with text and color; no images. However the effect doesn't seem to work. Here is the code:
<!doctype html>
<html>
<head>
<...
1
vote
2
answers
2k
views
How to make this parallax animation responsive by bootstrap?
I just made a responsive animation with the help of Parallax.js. Also i used bootstrap 2 to make responsive and working in mobile devices also. What i made is here...
my code is
<style>
...