Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people, just like you, are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
Solved

jQuery or CSS

Posted on 2016-11-02
9
60 Views
Last Modified: 2016-11-07
on this page: inspyrus(DOT) com
as you scroll down.  A grey box opens.  Is that jQuey or is that CSS?  How do I find it in the script?  It also jumps around in Safari.  Any clues on how to stop it from jumping around in Safari as you scroll down slowly.
0
Comment
Question by:rgranlund
  • 3
  • 3
  • 2
  • +1
9 Comments
 
LVL 43

Expert Comment

by:Rob
ID: 41871245
IT's a Wordpress site that utilizes a theme that's a mix of jquery and css.

You can see this by going to your dev tools in a browser e.g. chrome:

Clipboard01.jpg
0
 
LVL 43

Expert Comment

by:Rob
ID: 41871246
As for stopping it jumping around, not much you can do other than turn JavaScript off for that site.
0
 
LVL 7

Author Comment

by:rgranlund
ID: 41871255
It is the Grey bar that opens at the very top.  The box jumps in safari as you scroll down slowly.
0
How Do You Stack Up Against Your Peers?

With today’s modern enterprise so dependent on digital infrastructures, the impact of major incidents has increased dramatically. Grab the report now to gain insight into how your organization ranks against your peers and learn best-in-class strategies to resolve incidents.

 
LVL 82

Expert Comment

by:leakim971
ID: 41871259
the code responsible to do this use jQuery :
http://inspyrus(dot)com/wp-content/themes/inspyrus/library/js/parallax.js

At the end of the file, the following call the parallaxPosition function when you scroll or resize the window:
    $(window).resize(parallaxPosition);
    //$(window).focus(parallaxPosition);
    $(window).scroll(parallaxPosition);
    parallaxPosition();

Open in new window

of course it use alose CSS
0
 
LVL 7

Author Comment

by:rgranlund
ID: 41871264
ok, so do you think if I research parallaxPosition jumping in Safari I may find an answer?
0
 
LVL 82

Expert Comment

by:leakim971
ID: 41871389
here the page of the plugin : http://www.minimit.com/articles/lets-animate/parallax-backgrounds-with-centered-content

the demo page don't have the issue you mentioned... on any browser
0
 
LVL 7

Author Comment

by:rgranlund
ID: 41871453
It seems like there are a lot of posts about safari and paralax being jumpy.

I don't believe the link you sent me addresses my issue.
0
 
LVL 82

Expert Comment

by:leakim971
ID: 41871473
where to see that posts ?
the link I sent to you is from the creator of the plugin and I did not saw any issue with its demo page
so I believe issues come from the way its used
0
 
LVL 55

Accepted Solution

by:
Julian Hansen earned 500 total points
ID: 41871581
It is a combination

You have the jQuery here
http://inspyrus.com/wp-content/themes/inspyrus/library/js/scripts.js

Look around lines 571 and 1276
0

Featured Post

Master Your Team's Linux and Cloud Stack

Come see why top tech companies like Mailchimp and Media Temple use Linux Academy to build their employee training programs.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
jQuery for Each 12 34
Javascript/JQuery - HtmlEncode (?) Ajax Result 1 63
Help in good tutorials for PHP, HTML and CSS 6 40
Change box shadow 1 29
I found this questions asking how to do this in many different forums, so I will describe here how to implement a solution using PHP and AJAX. The logical flow for the problem should be: Write an event handler for the first drop down box to get …
Styling your websites can become very complex. Here I'll show how SASS can help you better organize, maintain and reuse your CSS code.
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

765 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question