javascript - skrollr : Horizontal scroll with smooth scrolling not working - Stack Overflow

admin管理员组

文章数量:1026373

I am trying to build a site using skrollr. This is the jFiddle link to what I have tried yet. But as you can see it doesn't work as expected when the smoothScrolling is set to true. When setting smoothScrolling = false, things like to work as bit but there are glitches.

skrollr.init({
    forceHeight: true,
    smoothScrolling:true
});

1. I want to make smoothScrolling = true, but what I am missing here.
2. Also how can I disable the vertical scroll. Giving overflow:hidden doesn't work, as it will disable skrollr. Also I tried this link, but I couldn't make it to work. The only thing worked is link, but again its only for Webkit browsers. Is there any browser patible solution for this?

Thanks in advance.

I am trying to build a site using skrollr. This is the jFiddle link to what I have tried yet. But as you can see it doesn't work as expected when the smoothScrolling is set to true. When setting smoothScrolling = false, things like to work as bit but there are glitches.

skrollr.init({
    forceHeight: true,
    smoothScrolling:true
});

1. I want to make smoothScrolling = true, but what I am missing here.
2. Also how can I disable the vertical scroll. Giving overflow:hidden doesn't work, as it will disable skrollr. Also I tried this link, but I couldn't make it to work. The only thing worked is link, but again its only for Webkit browsers. Is there any browser patible solution for this?

Thanks in advance.

• javascript
• scrollbar

Share Improve this question Follow edited May 23, 2017 at 12:18 CommunityBot 111 silver badge asked Jun 7, 2013 at 4:16 JithinJithin 2,60411 gold badge2424 silver badges4242 bronze badges 1

• To set your page to allow overflow in one direction, use overflow-x:visible; overflow-y:hidden; allowing you to create a sidescrolling page. – Thomas Cheney Commented Jan 10, 2014 at 23:04

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 3

You want smooth scrolling for the left movement, but now for top. You need another wrapper element and use data-smooth-scrolling="off" on it.

http://jsfiddle/GpPHx/2/

If you want to hide the scrollbar, skrollr may not be the right choice for what you're trying to do.

Hi Prinzhorn and thanks for the great library. Your jsfiddle solution is perfect for Chrome, however it is still jiggy a bit in Firefox and it is pletely not working for Safari. Can you make a suggestion for those browsers. I really want to implement horizontal scrolling, and I notice on the site of the walking dead it is working fine, however there the code is over-plicated

I am trying to build a site using skrollr. This is the jFiddle link to what I have tried yet. But as you can see it doesn't work as expected when the smoothScrolling is set to true. When setting smoothScrolling = false, things like to work as bit but there are glitches.

skrollr.init({
    forceHeight: true,
    smoothScrolling:true
});

1. I want to make smoothScrolling = true, but what I am missing here.
2. Also how can I disable the vertical scroll. Giving overflow:hidden doesn't work, as it will disable skrollr. Also I tried this link, but I couldn't make it to work. The only thing worked is link, but again its only for Webkit browsers. Is there any browser patible solution for this?

Thanks in advance.

I am trying to build a site using skrollr. This is the jFiddle link to what I have tried yet. But as you can see it doesn't work as expected when the smoothScrolling is set to true. When setting smoothScrolling = false, things like to work as bit but there are glitches.

skrollr.init({
    forceHeight: true,
    smoothScrolling:true
});

1. I want to make smoothScrolling = true, but what I am missing here.
2. Also how can I disable the vertical scroll. Giving overflow:hidden doesn't work, as it will disable skrollr. Also I tried this link, but I couldn't make it to work. The only thing worked is link, but again its only for Webkit browsers. Is there any browser patible solution for this?

Thanks in advance.

• javascript
• scrollbar

Share Improve this question Follow edited May 23, 2017 at 12:18 CommunityBot 111 silver badge asked Jun 7, 2013 at 4:16 JithinJithin 2,60411 gold badge2424 silver badges4242 bronze badges 1

• To set your page to allow overflow in one direction, use overflow-x:visible; overflow-y:hidden; allowing you to create a sidescrolling page. – Thomas Cheney Commented Jan 10, 2014 at 23:04

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 3

You want smooth scrolling for the left movement, but now for top. You need another wrapper element and use data-smooth-scrolling="off" on it.

http://jsfiddle/GpPHx/2/

If you want to hide the scrollbar, skrollr may not be the right choice for what you're trying to do.

Hi Prinzhorn and thanks for the great library. Your jsfiddle solution is perfect for Chrome, however it is still jiggy a bit in Firefox and it is pletely not working for Safari. Can you make a suggestion for those browsers. I really want to implement horizontal scrolling, and I notice on the site of the walking dead it is working fine, however there the code is over-plicated

本文标签： javascriptskrollrHorizontal scroll with smooth scrolling not workingStack Overflow