Scrolling Issues [closed]

It's difficult to tell what is being asked here. This question is ambiguous, vague, incomplete, overly broad, or rhetorical and cannot be reasonably answered in its current form. For help clarifying this question so that it can be reopened, visit the help cent开发者_开发知识库er. Closed 11 years ago.

Could someone please please help me?

My site is www.sweet.ie

I'm trying to get rid of the scrollbars as I want the scrolling to be done as per the JQuery (people keep trying to use the regular scrollbars and telling me theres something wrong with the site).

If I put overflow:hidden; in the Body style the site doesnt' work in IE 9 and below + Firefox. So i've taken it out and the scrollbars are there

What do I do? I'm not a crazy programmer, i'm more on the design end of things. Banging head against the wall isn't helping.

If anyone could help me I would really really appreciate it.

Thanks so much,

Aileen

---

Set this:

body
{
    overflow: hidden;
}

Works perfectly fine in Firefox5 as well as in IE8.

Caution and suggestion

Inventing new technique to old already well solved problems maybe isn't smart. What you're trying to do is taking out a steering wheel from the car and replacing it with buttons on car doors. I don't think that's smart.

And you can as well see a different problem in my screenshots. What if users don't have a large enough screen or at least window? They can't really see your custom scroll links that would take them to other content.

My suggestion would therefore be: produce a vertically scrollable content and keep scrollbars. You can always put shortcuts in your content that would animate scrolling to new content if users want to use them. But otherwise they'd just use the scrollbar.

---

Setting the following CSS property should help:

body
{
    overflow: hidden;
}

---

Set this style in your body.

body
{ 
   overflow:hidden;

}

Set this if you want only the horizontal scrollbar to be hidden:

body
{ 
   overflow-x:hidden;

}

Set this if you want only the vertical scrollbar to be hidden:

body
{ 
   overflow-y:hidden;

}