How to Lock a Website Scroll Area
In some instances, you will not want the user of your Web page to fully scroll through a text box. For example, if the text is meant to be fully revealed at a later time, you can disable the scrolling in the text box until you are ready to make the proper changes to the content. Locking the scroll area involves adjusting the HTML code surrounding the text box.
Other People Are Reading
Instructions
-
-
1
Log in to your Web server and navigate to the HTML page that includes the scroll area you want to lock.
-
2
Locate the text box code on the page. This will be designated by an opening "<textarea>" tag and a closing "</textarea>" tag.
-
-
3
Drag to highlight the text that falls between the "<textarea>" tags and press "Ctrl" and "C" to copy it.
-
4
Drag your cursor over the entire code (from <textarea> through </textarea>) and press the "Backspace" key to delete it all.
-
5
Replace the code with this code:
<textarea rows="20" cols="30" style="overflow:hidden;">
Insert text here.
</textarea>
-
6
Replace the row and column values if desired.
-
7
Highlight "Insert text here" and press "Ctrl" and "V" to paste the text you copied in step 3.
-
8
Publish the page. The text area will no longer scroll.
-
1
