Jquery slider affecting other elements on page

user818700

The question is rather vague and quite difficult to explain without viewing the site I'm having the problem with. Have a look here.

Firstly this was done in Squarespace so I don't know if this is a contributing factor. But if you look closely every time the slider transitions, the 2 paragraphs below it jerks a bit.

enter image description here

I've tried to look at what might cause the paragraphs to jump at slider transition, but honestly I don't know what to even look for. Logically I don't know how this can happen or why. Any help would greatly be appreciated!

Gary Green

As your using hardware acceleration to perform the animation this is unfortunately one of the side effects. It's quite difficult to overcome this as its part of a fundamental way in which Chrome renders text.

You can set the #slidershow-container to use -webkit-transform: translateZ(0px); or alternatively add -webkit-backface-visibility: hidden; to elements that exhibit this jitter. The downside to this is that it will change the way the text looks rendered in.

Collected from the Internet

Please contact [email protected] to delete if infringement.

edited at
0

Comments

0 comments
Login to comment

Related

From Dev

jQuery - one form is affecting the other

From Dev

Change css style without affecting other elements

From Dev

jQuery siblings, toggleClass affecting other divs

From Dev

jQuery - Adding elements and affecting the HTML of a different element

From Dev

jquery affecting all the html elements with same class

From Dev

jQuery UI modal box affecting page styles

From Dev

Jquery DatePicker shows up behind other regular page elements

From Dev

jquery index function repeating content for other elements on the page

From Dev

css opacity ease in out affecting other elements too

From Dev

Javascript function affecting other areas of page than what is specified

From Dev

How to change size of jQuery Mobile Slider elements?

From Dev

jQuery slider for div elements not just images

From Dev

How to change size of jQuery Mobile Slider elements?

From Dev

Jquery page transition effect is affecting all divs underneath

From Dev

Issues running jquery slider and lightbox on same page?

From Dev

CSS affecting nav bar and slider

From Dev

Jquery elements follow each other

From Dev

transition is affecting other pictures

From Dev

CSS Affecting inner elements

From Dev

How to make hidden div slide down without affecting other elements in same row

From Dev

how to connect to jquery in other page

From Dev

How to have multiple character counts on the same web page without each character count affecting each other?

From Dev

How to call Page.Databind() without affecting other controls like gridview

From Dev

Google Maps <div> kills other page elements

From Dev

While loop is repeating other elements in the page

From Dev

get Elements By Class Name from other page

From Dev

Handles blocking each other in JQuery UI range slider

From Dev

jquery and css3 slider works one direction but not the other

From Dev

jQuery list slider stops when li elements are not evenly divisible

Related Related

  1. 1

    jQuery - one form is affecting the other

  2. 2

    Change css style without affecting other elements

  3. 3

    jQuery siblings, toggleClass affecting other divs

  4. 4

    jQuery - Adding elements and affecting the HTML of a different element

  5. 5

    jquery affecting all the html elements with same class

  6. 6

    jQuery UI modal box affecting page styles

  7. 7

    Jquery DatePicker shows up behind other regular page elements

  8. 8

    jquery index function repeating content for other elements on the page

  9. 9

    css opacity ease in out affecting other elements too

  10. 10

    Javascript function affecting other areas of page than what is specified

  11. 11

    How to change size of jQuery Mobile Slider elements?

  12. 12

    jQuery slider for div elements not just images

  13. 13

    How to change size of jQuery Mobile Slider elements?

  14. 14

    Jquery page transition effect is affecting all divs underneath

  15. 15

    Issues running jquery slider and lightbox on same page?

  16. 16

    CSS affecting nav bar and slider

  17. 17

    Jquery elements follow each other

  18. 18

    transition is affecting other pictures

  19. 19

    CSS Affecting inner elements

  20. 20

    How to make hidden div slide down without affecting other elements in same row

  21. 21

    how to connect to jquery in other page

  22. 22

    How to have multiple character counts on the same web page without each character count affecting each other?

  23. 23

    How to call Page.Databind() without affecting other controls like gridview

  24. 24

    Google Maps <div> kills other page elements

  25. 25

    While loop is repeating other elements in the page

  26. 26

    get Elements By Class Name from other page

  27. 27

    Handles blocking each other in JQuery UI range slider

  28. 28

    jquery and css3 slider works one direction but not the other

  29. 29

    jQuery list slider stops when li elements are not evenly divisible

HotTag

Archive