How To Remove A Scroll

Table of contents:

How To Remove A Scroll
How To Remove A Scroll

Video: How To Remove A Scroll

Video: How To Remove A Scroll
Video: How to remove the scrollbar with one line of CSS 2024, December
Anonim

Scroll is a function to display the scrolling of a page as the user views information. If you wish, you can remove it, save it or adjust it according to your own preferences.

How to remove a scroll
How to remove a scroll

Necessary

the skill of using the JavaScript language

Instructions

Step 1

Make sure you don't need the scrolling function. At the same time, be sure that the absence of this function will create additional inconvenience to your site visitors, who have become accustomed to a certain way of viewing pages over the years. If you nevertheless decided to remove it for sure, then open the editor of your site, in which you usually work.

Step 2

Enter the following code on the page (without quotes near the tags): " " "This will disable scrolling in the frame. Pre-set the prohibition to display the bar in all frames, using the parameters or which are responsible for enabling and disabling this function, respectively.

Step 3

Remove the scrollbar from the new window, while using the window.open method and the value of the parameter scrollbar = 0, then all existing scrollbars, both horizontal and vertical, will be removed from your edited web page. Only do this if you have working skills and basic knowledge of the JavaScript language.

Step 4

Further, in order to remove the scrollbar from the new window, use the following code: window.open ("tips.html", "TIP", "width = 400, height = 300, status = 0, menubar = 0, location = 0, resizable = 0, directories = 0, toolbar = 0, scrollbar = 0 "); It should remove all existing navigation elements from the page.

Step 5

For the most commonly used browsers, apply the following sequence: Apply a parameter called overflow to the BODY keyword, add an additional hidden value. After that, the scroll on your web page will not be visible: BODY {overflow: hidden}. Keep in mind that this does not work for all browsers.

Recommended: