I have written a file using html and javascript.
In that Vertical scrolling should be there, but i want to stop horizontal scrolling.
How can I do that?
I have written a file using html and javascript. In that Vertical scrolling should
Share
Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
I have written a file using html and javascript.
In that Vertical scrolling should be there, but i want to stop horizontal scrolling.
How can I do that?
Sarfraz has already mentioned
overflow-x, which is one answer although it means (as it says!) that anything that would have been off to the right is now unavailable to the user. There are use cases for that, but in the main it’s undesireable to bother to have content the user can’t access.The question is: Why are you getting horizontal scrolling at all? In the normal course of things, the browser will wrap content such that there isn’t any horizontal scrolling required. Provided the user has a normal-ish window size, you cause horizontal scrolling in your design by having elements that you’ve specified as being a certain width, either via style information or by having non-wrappable content (like a big image). For instance, this won’t require horizontal scrolling:
…but this will:
…if the user’s browser window is less than 1200 pixels wide.
So if having the content off to the right unavailable isn’t what you intend, my answer would be to find the elements causing the scrolling and correct them.