Anythingslider adds odd behavior to page scrolling. js conflict?
# January 19, 2013 at 4:35 am
This one is probably going to be for Mottie.
I have Anythingslider installed in a custom WordPress theme. I’m starting with _s theme from Automattic and Twitter Bootstrap 2.2.2
I just upgraded Anythingslider to 1.8.13 so I’m using the latest build.
When I scroll down to the bottom.. the page pops back up a little bit and I’m not sure why. I’m not seeing any errors. I haven’t been able to find anything in the css that does it.
If I delete the HTML node of the “anythingSlider” classed div, the problem goes away.
I’m sure it could be some odd conflict or something I did. I’m just not experienced enough to recognize the behavior.
Thanks, -Matthew# January 19, 2013 at 9:00 am
Hmm, I couldn’t tell you what the problem might be off the top of my head. Does this occur in all browsers? Or, let me guess just IE8?… I had a [recent issue](https://github.com/CSS-Tricks/AnythingSlider/issues/479) opened about bouncing occurring in IE8, it was due to a float not being cleared. Other than that I’d have to see the slider in situ to figure out the problem – the link above just tells me it’s coming soon.# January 19, 2013 at 2:16 pm
Sorry.. I thought I turned off “under construction”. Try it now. And it appears to ‘jump’ in all browsers. An issue with clearing makes sense. When I have time to work on it this weekend I’ll try clearing a bunch of things and see if I can get it to stop jumping. If I come up with a solution I’ll document it. If it’s something I can add to AnythingSlider I’ll send you a pull request in github. Based on the distance it’s jumping, I bet it’s a issue with Bootstrap layout.
Thanks! -Matthew# January 24, 2013 at 11:35 am
I was hoping I could figure it out. But It’s a bit over my head.
I tried adding a clearfix class to different levels in the DOM from html to the anythingSlider classed div.
I also tried to simplify the problem by deleting DOM nodes in the AnythingSlider until the jumping went away.
For now I think I may just replace the AnythingSlider with another slider for this project.
-Matthew# January 24, 2013 at 2:42 pm
Hey.. thanks for trying! Your help was crucial in integrating AnythingSlider into my WordPress theme about a year ago. I’ve got a lot of things interacting here. The _s theme and Bootstrap overlap some css functionality. It’s an edge case. I’m going to stick to AnythingSlider when I can because I know it best and I like the development and support on it.
I’ll try flexslider for this project. Thanks for the tip. No point in beating my head against a wall when I can just swap out another slider.
-Matthew# February 10, 2014 at 5:33 pm
I am having the same problem. I have a pretty complicated setup that is a little beyond my control, so I am not at all surprised that there could be some conflicts happening.
The only thing that I can figure so far is that when expand is set to true on the second slider on the page the scroll at the bottom jumps. When expand is set to false the jumping does not happen.
It seems to be effecting all browsers (on OSX as least).
I will post back here if I come up with an answer.# January 23, 2015 at 8:46 pm
I was having the same exact problem with the page jumping when expand was set to true, and it seems I was able to fix it in css by setting the overall wrapper class of .anythingSlider to position: absolute.
Everything seems to be working fine for me now. Hope this helps someone else.
You must be logged in to reply to this topic.