search

KevinBatdorf / liquidslider

A Responsive jQuery Content Slider
161 stars 62 forks source link

AutoPlay on Firefox and IE jumps the page to the top of the slides #122

Closed ghost closed 9 years ago

ghost commented 10 years ago

This is really annoying and we can;t figure out how to stop it. Every time the slide changes and you are outside the slide viewport it jumps the page to the top of the slides.

jstefano commented 10 years ago

As far as I can see, it happens when 'includeTitle:false' option is used.

KevinBatdorf commented 10 years ago

I'll look into this tomorrow. For now, I recommend using cross links as a means for controlling the slider.

KevinBatdorf commented 10 years ago

I can't reproduce this. Can you post all of your settings as well as information about your system? What OS? Browser versions? Native or virtualization? Anything that you think would be useful :)

ghost commented 10 years ago

It was happening when cross links AND hash linking we're enabled with a set of external links.

I turned off hash linking and it worked. I don't have the code I don't work there anymore.

On Monday, April 14, 2014, Kevin Batdorf notifications@github.com wrote:

I can't reproduce this. Can you post all of your settings as well as information about your system? What OS? Browser versions? Native or virtualization? Anything that you think would be useful :)

Reply to this email directly or view it on GitHubhttps://github.com/KevinBatdorf/liquidslider/issues/122#issuecomment-40337351 .

jstefano commented 10 years ago

Hi Kevin,

Take a look at http://www.spassistants.com/rotator11.html; the page behaves in the same way on my local XAMPP setup.

Details about the browser versions and my O/S are on the page.

Thank you for your effort!

JS

Here is the complete page html:

<!DOCTYPE html>

Liquid Slider 2

Liquid Slider 11

Scroll the page up, so as to be able to read/see the slider. Click on any tabs - page will jump to the top and than scroll!
This happens with Fifefox v28, IE v9, but not with Safari v5.1.7 and Chrome v34.0.1847.116 m
My O/S is Windows Vista

e5 uiwe5rwqlj raslkm;lkstd k oisajui halksdklmKLE aa ruwe 5we ew5i w5euit we5iu ui5ew uwie5 uiwe5rwqlj raslkm;lkstd k oisajui halksdklmKLE aa ruwe 5we ew5i w5euit we5iu ui5ew uwie5 uiwe5rwqlj raslkm;lkstd k oisajui halksdklmKLE aa ruwe 5we ew5i w5euit we5iu ui5ew uwie5 uiwe5rwqlj raslkm;lkstd k oisajui halksdklmKLE aa ruwe 5we ew5i w5euit we5iu ui5ew uwie5 uiwe5rwqlj raslkm;lkstd k oisajui halksdklmKLE aa rjui halksdklmKLE aa ruwe 5we ew5i w5euit we5iuaa ruwe 5we ew5i w5euit we5iu ui5ew uwie5 uiwe5rwqlj raslkm;lkstd k oisajui halksdklmKLE aa ruwe 5we ew5i w5euit we5iu ui5ew uwie5 uiwe5rwqlj raslkm;lkstd k oisajui halksdklmKLE aa ruwe 5we ew5i w5euit we5iu ui5ew uwie5 uiwe5rwqlj raslkm;lkstd k oisajjui halksdklmKLE aa ruwe 5we ew5i w5euit we5iu ui5ew uwie5 uiwe5rwqlj raslkm;lkstd k oisajui halksdklmKLE aa ruwe 5we ew5i w5euit we5iu ui5ew uwie5 uiwe5rwqlj raslkm;lkstd k oisajui halksdklmKLE aa ruwe 5we ew5i w5euit we5iu ui5ew uwie5 uiwe5rwqlj raslkm;lkstd k oisajui halksdklmKLE aa ruwe 5we ew5i w5euit we5iu ui5ew uwie5 uiwe5rwqlj raslkaa ruwe 5we ew5i w5euit we5iu ui5ew uwie5 uiwe5rwqlj raslkm;lkstd k oisajui halksdklmKLE aa ruwe 5we ew5i uiwe5rwqlj raslkm;lkstd k oisajui halksdklmKLE aa ruwe 5we ew5i w5euit we5iu ui5ew uwie5 uiwe5rwqlj raslkm;lkstd k oisajjui halksdklmKLE aa ruwe 5we ew5i w5euit we5iu ui5ew uwie5 uiwe5rwqlj raslkm;lkstd k oisajui halksdklmKLE aa ruwe 5we ew5i w5euit we5iu ui5ew uwie5 uiwe5rwqlj raslkm;lkstd k oisajui halksdklmKLE aa ruwe 5we ew5i w5euit we5iu ui5ew uwie5 uiwe5rwqlj raslkm;lkstd k oisajui halksdklmKLE aa ruwe 5we ew5i w5euit we5iu ui5ew uwie5 uiwe5rwqlj raslkaa ruwe 5we ew5i w5euit we5iu ui5ew uwie5 uiwe5rwqlj raslkm;lkstd k oisajui halksdklmKLE aa ruwe 5we e w5euit we5iu ui5ew uwie5 uiwe5rwqlj raslkm;lkstd k oisajui halksdklmKLE aa ruwe 5we ew5i w5euit we5iu ui5ew uwie5 uiwe5rwqlj raslkm;lkstd k oisajjui halksdklmKLE aa ruwe 5we ew5i w5euit we5iu ui5ew uwie5 uiwe5rwqlj raslkm;lkstd k oisajui halksdklmKLE aa ruwe 5we ew5i w5euit we5iu ui5ew uwie5 uiwe5rwqlj raslkm;lkstd k oisajui halksdklmKLE aa ruwe 5e5 uiwe5rwqlj raslkm;lkstd k oisajui halksdklmKLE aa ruwe 5we ew5i w5euit we5iu ui5ew uwie5 uiwe5rwqlj raslkm;lkstd k oisajui halksdklmKLE aa ruwe 5we ew5i w5euit we5iu ui5ew uwie5 uiwe5rwqlj raslkm;lkstd k oisajui halksdklmKLE aa ruwe 5we ew5i w5euit we5iu ui5ew uwie5 uiwe5rwqlj raslkm;lkstd k oisajui halksdklmKLE aa ruwe 5we ew5i w5euit we5iu ui5ew uwie5 uiwe5rwqlj raslkm;lkstd k oisajui halksdklmKLE aa rjui halksdklmKLE aa ruwe 5we ew5i w5euit we5iuaa ruwe 5we ew5i w5euit we5iu ui5ew uwie5 uiwe5rwqlj raslkm;lkstd k oisajui halksdklmKLE aa ruwe 5we ew5i w5euit we5iu ui5ew uwie5 uiwe5rwqlj raslkm;lkstd k oisajui halksdklmKLE aa ruwe 5we ew5i w5euit we5iu ui5ew uwie5 uiwe5rwqlj raslkm;lkstd k oisajjui halksdklmKLE aa ruwe 5we ew5i w5euit we5iu ui5ew uwie5 uiwe5rwqlj raslkm;lkstd k oisajui halksdklmKLE aa ruwe 5we ew5i w5euit we5iu ui5ew uwie5 uiwe5rwqlj raslkm;lkstd k oisajui halksdklmKLE aa ruwe 5we ew5i w5euit we5iu ui5ew uwie5 uiwe5rwqlj raslkm;lkstd k oisajui halksdklmKLE aa ruwe 5we ew5i w5euit we5iu ui5ew uwie5 uiwe5rwqlj raslkaa ruwe 5we ew5i w5euit we5iu ui5ew uwie5 uiwe5rwqlj raslkm;lkstd k oisajui halksdklmKLE aa ruwe 5we ew5i w5euit we5iu ui5ew uwie5 uiwe5rwqlj raslkm;lkstd k oisajui halksdklmKLE aa ruwe 5we ew5i w5euit we5iu ui5ew uwie5 uiwe5rwqlj raslkm;lkstd k oisajjui halksdklmKLE aa ruwe 5we ew5i w5euit we5iu ui5ew uwie5 uiwe5rwqlj raslkm;lkstd k oisajui halksdklmKLE aa ruwe 5we ew5i w5euit we5iu ui5ew uwie5 uiwe5rwqlj raslkm;lkstd k oisajui halksdklmKLE aa ruwe 5we ew5i w5euit we5iu ui5ew uwie5 uiwe5rwqlj raslkm;lkstd k oisajui halksdklmKLE aa ruwe 5we ew5i w5euit we5iu ui5ew uwie5 uiwe5rwqlj raslkaa ruwe 5we ew5i w5euit we5iu ui5ew uwie5 uiwe5rwqlj raslkm;lkstd k oisajui halksdklmKLE aa ruwe 5we ew5i w5euit we5iu ui5ew uwie5 uiwe5rwqlj raslkm;lkstd k oisajui halksdklmKLE aa ruwe 5we ew5i w5euit we5iu ui5ew uwie5 uiwe5rwqlj raslkm;lkstd k oisajjui halksdklmKLE aa ruwe 5we ew5i w5euit we5iu ui5ew uwie5 uiwe5rwqlj raslkm;lkstd k oisajui halksdklmKLE aa ruwe 5we ew5i w5euit we5iu ui5ew uwie5 uiwe5rwqlj raslkm;lkstd k oisajui halksdklmKLE aa ruwe 5wewe ew5i w5euit we5iu ui5ew uwie5 uiwe5rwqlj raslkm;lkstd k oisajui halksdklmKLE aa ruwe 5we ew5i w5euit we5iu ui5ew uwie5 uiwe5rwqlj raslkaa ruwe 5we ew5i w5euit we5iu ui5ew uwie5 asvswwuiwe5rwqlj raslkm;lkstd k oisajui halksdklmKLE aa ruwe 5we ew5i w5euit we5iu ui5ew uwie5 uiwe5rwqlj raslkm;lkstd k oisajui halksdklmKLE aa ruwe 5we ew5i w5euit we5iu ui5ew uwie5 uiwe5rwqlj raslkm;lkstd k oisajjui halksdklmKLE aa ruwe 5we ew5i w5euit we5iu ui5ew uwie5 uiwe5rwqlj raslkm;lkstd k oisajui halksdklmKLE aa ruwe 5we ew5i w5euit we5iu ui5ew uwie5 uiwe5rwqlj raslkm;lkstd k oisajui halksdklmKLE aa ruwe 5we

 

Slide 1

Scroll the page up, so as to be able to read/see the slider. Click on any tabs - page will jump to the top and than scroll!

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas metus nulla, commodo a sodales sed, dignissim pretium nunc. Nam et lpis eget dolor dictum lacinia. Nullam nunc magna, tincidunt eu porta in, faucibus sed magna. Suspendisse laoreet ornare ullamcorper. Nulla in tortor nibh. Pellentesque sed est vitae odio vestibulum aliquet in nec leo.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas metus nulla, commodo a sodales sed, dignissim pretium nunc. Nam et lacus neque. Sed volutpat ante id mauris laoreet vestibulum. Nam blandit felis non neque cursus aliquet. Morbi vel enim dignissim massa dignissim commodo vitae quis tellus. Nunc non mollis nulla. Sed consectetur elit id mi consectetur bibendum. Ut enim massa, sodales tempor convallis et, iaculis ac massa. Etiam suscipit nisl eget lorem pellentesque quis iaculis mi mattis. Aliquam sit amet purus lectus. Maecenase5 uiwe5rwqlj raslkm;lkstd k oisajui halksdklmKLE aa ruwe 5we ew5i w5euit we5iu ui5ew uwie5 uiwe5rwqlj raslkm;lkstd k oisajui halksdklmKLE aa ruwe 5we ew5i w5euit we5iu ui5ew uwie5 uiwe5rwqlj raslkm;lkstd k oisajui halksdklmKLE aa ruwe 5we ew5i w5euit we5iu ui5ew uwie5 uiwe5rwqlj raslkm;lkstd k oisajui halksdklmKLE aa ruwe 5we ew5i w5euit we5iu ui5ew uwie5 uiwe5rwqlj raslkm;lkstd k oisajui halksdklmKLE aa rjui halksdklmKLE aa ruwe 5we ew5i w5euit we5iuaa ruwe 5we ew5i w5euit we5iu ui5ew uwie5 uiwe5rwqlj raslkm;lkstd k oisajui halksdklmKLE aa ruwe 5we ew5i w5euit we5iu ui5ew uwie5 uiwe5rwqlj raslkm;lkstd k oisajui halksdklmKLE aa ruwe 5we ew5i w5euit we5iu ui5ew uwie5 uiwe5rwqlj raslkm;lkstd k oisajjui uwe 5we ew5i w5euit we5iu ui5ew uwie5 uiwe5rwqlj raslkm;lkstd k oisajui halksdklmKLE aa ruwe 5we ew5i w5euit we5iu ui5ew uwie5 uiwe5rwqlj raslkm;lkstd k oisajjui halksdklmKLE aa ruwe 5we ew5i w5euit we5iu ui5ew uwie5 uiwe5rwqlj raslkm;lkstd k oisajui halksdklmKLE aa ruwe 5we ew5i w5euit we5iu ui5ew uwie5 uiwe5rwqlj raslkm;lkstd k oisajui halksdklmKLE aa ruwe 5we ew5i w5euit we5iu ui5ew uwie5 uiwe5rwqlj raslkm;lkstd k oisajui halksdklmKLE aa ruwe 5we ew5i w5euit we5iu ui5ew uwie5 uiwe5rwqlj raslkaa ruwe 5we ew5i w5euit we5iu ui5ew uwie5 uiwe5rwqlj raslkm;lkstd k oisajui halksdklmKLE aa ruwe 5we ew5i w5euit we5iu ui5ew uwie5 uiwe5rwqlj raslkm;lkstd k oisajui halksdklmKLE aa ruwe 5we ew5i w5euit we5iu ui5ew uwie5 uiwe5rwqlj raslkm;lkstd k oisajjui halksdklmKLE aa ruwe 5we ew5i w5euit we5iu ui5ew uwie5 uiwe5rwqlj raslkm;lkstd k oisajui halksdklmKLE aa ruwe 5we ew5i w5euit we5iu ui5ew uwie5 uiwe5rwqlj raslkm;lkstd k oisajui halksdklmKLE aa ruwe 5we tempor ornare sollicitudin.pis eget dolor dictum lacinia. Nullam nunc magna, tincidunt eu porta in, faucibus sed magna. Suspendisse laoreet ornare ullamcorper. Nulla in tortor nibh. Pellentesque sed est vitae odio vestibulum aliquet in nec leo.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas metus nulla, commodo a sodales sed, dignissim pretium nunc. Nam et lacus neque. Sed volutpat ante id mauris laoreet vestibulum. Nam blandit felis non neque cursus aliquet. Morbi vel enim dignissim massa dignissim commodo vitae quis tellus. Nunc non mollis nulla. Sed consectetur elit id mi consectetur bibendum. Ut enim massa, sodales tempor convallis et, iaculis ac massa. Etiam suscipit nisl eget lorem pellentesque quis iaculis mi mattis. Aliquam sit amet purus lectus. Maecenas tempor ornare sollicitudin.

acus neque. Sed volutpat ante id mauris laoreet vestibulum. Nam blandit felis non neque cursus aliquet. Morbi vel enim dignissim massa dignissim commodo vitae quis tellus. Nunc non mollis nulla. Sed consectetur elit id mi consectetur bibendum. Ut enim massa, sodales tempor convallis et, iaculis ac massa. Etiam suscipit nisl eget lorem pellentesque quis iaculis mi mattis. Aliquam sit amet purus lectus. Maecenas tempor ornare sollicitudin.

```

Slide 2

Proin nec turpis eget dolor dictum lacinia. Nullam nunc magna, ``` tincidunt eu porta in, faucibus sed magna. Suspendisse laoreet ornare ullamcorper. Nulla in tortor nibh. Pellentesque sed est vitae odio vestibulum aliquet in nec leo.

```

Slide 3

Pellentesque habitant morbi tristique senectus et netus et ``` malesuada fames ac turpis pis eget dolor dictum lacinia. Nullam nunc magna, tincidunt eu porta in, faucibus sed magna. Suspendisse laoreet ornare ullamcorper. Nulla in tortor nibh. Pellentesque sed est vitae odio vestibulum aliquet in nec leo.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas metus nulla, commodo a sodales sed, dignissim pretium nunc. Nam et lacus neque. Sed volutpat ante id mauris laoreet vestibulum. Nam blandit felis non neque cursus aliquet. Morbi vel enim dignissim massa dignissim commodo vitae quis tellus. Nunc non mollis nulla. Sed consectetur elit id mi consectetur bibendum. Ut enim massa, sodales tempor convallis et, iaculis ac massa. Etiam suscipit nisl eget lorem pellentesque quis iaculis mi mattis. Aliquam sit amet purus lectus. Maecenas tempor ornare sollicitudin.pis eget dolor dictum lacinia. Nullam nunc magna, tincidunt eu porta in, faucibus sed magna. Suspendisse laoreet ornare ullamcorper. Nulla in tortor nibh. Pellentesque sed est vitae odio vestibulum aliquet in nec leo.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas metus nulla, commodo a sodales sed, dignissim pretium nunc. Nam et lacus neque. Sed volutpat ante id mauris laoreet vestibulum. Nam blandit felis non neque cursus aliquet. Morbi vel enim dignissim massa dignissim commodo vitae quis tellus. Nunc non mollis nulla. Sed consectetur elit id mi consectetur bibendum. Ut enim massa, sodales tempor convallis et, iaculis ac massa. Etiam suscipit nisl eget lorem pellentesque quis iaculis mi mattis. Aliquam sit amet purus lectus. Maecenas tempor ornare sollicitudin.

egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus

```

Slide 4

Proin nec turpis eget dolor dictum lacinia. Nullam nunc magna, ``` tincidunt eu porta in, faucibus sed magna. Suspendisse laoreet ornare ullamcorper. Nulla in tortor nibh. Pellentesque sed est vitae odio vestibulum aliquet in nec leo.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas metus nulla, commodo a sodales sed, dignissim pretium nunc. Nam et lacus neque. Sed volutpat ante id mauris laoreet vestibulum. Nam blandit felis non neque cursus aliquet. Morbi vel enim dignissim massa dignissim commodo vitae quis tellus. Nunc non mollis nulla. Sed consectetur elit id mi consectetur bibendum. Ut enim massa, sodales tempor convallis et, iaculis ac massa. Etiam suscipit nisl eget lorem pellentesque quis iaculis mi mattis. Aliquam sit amet purus lectus. Maecenas tempor ornare sollicitudin.pis eget dolor dictum lacinia. Nullam nunc magna, tincidunt eu porta in, faucibus sed magna. Suspendisse laoreet ornare ullamcorper. Nulla in tortor nibh. Pellentesque sed est vitae odio vestibulum aliquet in nec leo.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas metus nulla, commodo a sodales sed, dignissim pretium nunc. Nam et lacus neque. Sed volutpat ante id mauris laoreet vestibulum. Nam blandit felis non neque cursus aliquet. Morbi vel enim dignissim massa dignissim commodo vitae quis tellus. Nunc non mollis nulla. Sed consectetur elit id mi consectetur bibendum. Ut enim massa, sodales tempor convallis et, iaculis ac massa. Etiam suscipit nisl eget lorem pellentesque quis iaculis mi mattis. Aliquam sit amet purus lectus. Maecenas tempor ornare sollicitudin.pis eget dolor dictum lacinia. Nullam nunc magna, tincidunt eu porta in, faucibus sed magna. Suspendisse laoreet ornare ullamcorper. Nulla in tortor nibh. Pellentesque sed est vitae odio vestibulum aliquet in nec leo.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas metus nulla, commodo a sodales sed, dignissim pretium nunc. Nam et lacus neque. Sed volutpat ante id mauris laoreet vestibulum. Nam blandit felis non neque cursus aliquet. Morbi vel enim dignissim massa dignissim commodo vitae quis tellus. Nunc non mollis nulla. Sed consectetur elit id mi consectetur bibendum. Ut enim massa, sodales tempor convallis et, iaculis ac massa. Etiam suscipit nisl eget lorem pellentesque quis iaculis mi mattis. Aliquam sit amet purus lectus. Maecenas tempor ornare sollicitudin.





On 4/14/2014 2:49 AM, Kevin Batdorf wrote:

I can't reproduce this. Can you post all of your settings as well as information about your system? What OS? Browser versions? Native or virtualization? Anything that you think would be useful :)

— Reply to this email directly or view it on GitHub https://github.com/KevinBatdorf/liquidslider/issues/122#issuecomment-40337351.

jstefano commented 10 years ago

Hi Kevin, Have you seen the behavior I was writing about? Any ideas? Can I take the demo page off the site? JS.

On 4/14/2014 2:49 AM, Kevin Batdorf wrote:

I can't reproduce this. Can you post all of your settings as well as information about your system? What OS? Browser versions? Native or virtualization? Anything that you think would be useful :)

— Reply to this email directly or view it on GitHub https://github.com/KevinBatdorf/liquidslider/issues/122#issuecomment-40337351.

KevinBatdorf commented 10 years ago

Looking at it now, this seems to be a pretty big bug. For now I would set includeTitle:true and just hide it with CSS. I'll fix it in the next update though

jstefano commented 10 years ago

Thanks. It would be helpful if you specified what to change in CSS. JS

On 4/22/2014 4:31 AM, Kevin Batdorf wrote:

Looking at it now, this seems to be a pretty big bug. For now I would set includeTitle:true and just hide it with CSS. I'll fix it in the next update though

— Reply to this email directly or view it on GitHub https://github.com/KevinBatdorf/liquidslider/issues/122#issuecomment-41015570.

KevinBatdorf commented 10 years ago

I guess something like:

#main-slider .title {
  display:none
}
jstefano commented 10 years ago

Thank you! JS

On 4/23/2014 6:54 AM, Kevin Batdorf wrote:

main-slider .title {

display:none }

jstefano commented 10 years ago

Didn't work with a different id (other than main-slider). Worked with selector without id, just .title. Maybe there is something in the code that keeps the id? I thought you should know. JS

On 4/23/2014 6:54 AM, Kevin Batdorf wrote:

I guess something like:

main-slider .title {

display:none }

— Reply to this email directly or view it on GitHub https://github.com/KevinBatdorf/liquidslider/issues/122#issuecomment-41147953.