What are the tips for using scroll bars in HTML?

(3)Javascript changes the style of the scroll bar in the frame, such as changing the color or changing it to a flat effect Wait

scrollbar-3dlight-color:color; Set or retrieve the scroll bar bright border color;
scrollbar-highlight-color:color; Set or retrieve the scroll bar 3D The bright edge color of the interface;
scrollbar-face-color:color; Set or retrieve the color of the scroll bar 3D surface;
scrollbar-arrow-color:color; Set or retrieve the color of the scroll bar direction arrow; when scrolling This property is invalid when the bar appears but is unavailable;
scrollbar-shadow-color:color; Sets or retrieves the dark edge color of the scroll bar 3D interface;
scrollbar-darkshadow-color:color; Sets or retrieves the scroll bar dark color Border color;
scrollbar-base-color:color; Set or retrieve the base color of the scroll bar. Other interface colors will be automatically adjusted accordingly.
scrollbar-track-color:color; Set or retrieve the color of the scroll bar's dragging area
Note:
color is the color code you want to set, which can be hexadecimal, such as #FF0000, OK It is expressed in RGB, such as rgb(255,0,255); when setting the scroll bar style, it is not necessary to use all the attributes for it to take effect.
(4) Positioning of page elements in javascript
clientX, clientY are the current position of the mouse relative to the web page. When the mouse is located in the upper left corner of the page, clientX=0, clientY=0;
offsetX, offsetY are the mouse The current position relative to a certain area in the web page. When the mouse is located in the upper left corner of this area on the page, offsetX=0, offsetY=0;
screenX, screenY are the positions of the mouse relative to the user's entire screen;
x, y are the current position of the mouse relative to the current browser
scrollLeft: Set or get the distance between the left edge of the object and the leftmost end of the currently visible content in the window (because of the generation of the scroll bar, the current page It can be seen that the content is uncertain).
scrollTop: Set or get the distance between the top of the object and the top of the visible content in the window.
left: X coordinate of the object relative to the page.
top: Y coordinate of the object relative to the page
(5) Shield selection, right click, etc.
oncontextmenu=self.event.returnValue=falseonselectstart="return false"> ;The following small example is to automatically set the scroll bar according to the size of the form

    
  
 1234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ 
 
 1234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ 2234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ 3234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ 4234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ 5234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ 6234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ 7234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ 8234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ 9234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ 0234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ 2234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ 
 
 1234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ 2234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ 3234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ 4234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ 5234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ 6234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ 7234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ 8234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ 9234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ 0234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ 2234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ 
  

How to implement the input text box and img verification code

htmlHow to implement mouse hover Prompt A tag content

How to use the trigger method to pop up the file selection dialog box without clicking the file type input

The above is the detailed content of What are the tips for using scroll bars in HTML?. For more information, please follow other related articles on the PHP Chinese website!