Al estudiar el sistema de comunicado de prensa de carne de res de carne de res, el maestro de carne de res habló sobre algunos conocimientos sobre las barras de desplazamiento. No se mencionó mucho, pero solo involucró parte del conocimiento sobre las barras de desplazamiento. Si quieres estudiar en profundidad, estos no son suficientes. Tienes que recopilar algunos conocimientos relevantes por ti mismo.
Dije que un fenómeno debe ser común para todos. Al eliminar algunas cosas en una página web, la barra de desplazamiento a menudo todavía elimina la posición antes de la cosa, en lugar de correr a la parte superior de la página de una manera muy inhumana. Entonces, ¿cómo se implementa esto? De hecho, el método es muy simple. Solo necesita agregar mantenscrollPositionOnPostBack = True a la parte superior del código fuente de .aspx. Vea la imagen a continuación:
El fenómeno anterior se encontró al aprender el sistema de comunicado de prensa de carne de res. Déjame compartir con ustedes otros consejos sobre el uso de barras de desplazamiento HTML.
(1) Ocultar barra de desplazamiento
<BodyStyle = Overflow-X: Hidden; Overflow-Y: Hidden>
(2) Cómo aparecer en una celda o capa
<divstyle = ancho: 200px; altura: 200px; Overflow-x: Auto; Overflow-y: Auto;> </div>
(3) JavaScript cambia el estilo de la barra de desplazamiento en el marco, como cambiar el color, cambiarlo a un efecto plano, etc.
<Estilo>
Cuerpo {Scrollbar-Face-Color: #FFCC99;
Scrollbar-Highlight-Color: #FF0000;
Scrollbar-shadow-color: #ffffff;
Scrollbar-3Dlight-Color: #000000;
Scrollbar-Arrow-Color: #FF0000;
Scrollbar-Track-Color: #dee0ed;
Scrollbar-Darkshadow-Color: #FFFF00;}
</style>
ilustrar:Scrollbar-3dlight-color: color; establecer o recuperar el color del borde brillante de la barra de desplazamiento;
Scrollbar-Highlight-Color: Color; Establezca o recupere el color del borde brillante de la interfaz 3D de barra de desplazamiento;
Scrollbar-Face-Color: Color; establecer o recuperar el color de la superficie 3D de barra de desplazamiento;
Scrollbar-Arrow-Color: Color; Establecer o recuperar el color de la flecha de dirección de la barra de desplazamiento; Esta propiedad no es válida cuando aparece la barra de desplazamiento pero no está disponible;
Color de sombra de barra de desplazamiento: color; establecer o recuperar el color del borde oscuro de la interfaz 3D de barra de desplazamiento;
Scrollbar-Darkshadow-Color: color; establecer o recuperar el color del borde oscuro de la barra de desplazamiento;
Scrollbar-Base-Color: Color; Establecer o recuperar el color de referencia de barra de desplazamiento. Otros colores de la interfaz se ajustarán automáticamente en consecuencia.
Scrollbar-Track-Color: Color; Establezca o recupere el color del área de arrastre de la barra de desplazamiento
Observación:El código de color que desea establecer puede estar en hexadecimal, como #FF0000, que puede representarse en RGB, como RGB (255,0,255); Al establecer el estilo de la barra de desplazamiento, no necesita usar todos los atributos para entrar en vigencia.
(4) Posicionamiento del elemento de página en JavaScript
ClientX y Clienty son la posición actual del mouse en relación con la página web. Cuando el mouse está en la esquina superior izquierda de la página, ClientX = 0, Clienty = 0;
OffSetX y Offsety son la posición actual del mouse en relación con un área determinada en la página web. Cuando el mouse se encuentra en la esquina superior izquierda de esta área en la página, offsetX = 0, offsety = 0;
Screenx y Screeny son la posición del mouse en relación con la pantalla completa del usuario;
x e y son la posición actual del mouse en relación con el navegador actual
Scrollleft: establezca o obtenga la distancia entre el límite izquierdo del objeto y el extremo más a la izquierda del contenido visible actualmente en la ventana (debido a que hay una barra de desplazamiento, el contenido visible actual en la página es incierto).
Scrolltop: establece o obtiene la distancia entre la parte superior del objeto y la parte superior del contenido visible en la ventana.
Izquierda: la coordenada x del objeto en relación con la página.
Arriba: la coordenada y del objeto en relación con la página
(5) Selección de bloque, clic derecho, etc.
<Body OnContextMenu = self.event.returnValue = falseSelectStart = return false>
El siguiente pequeño ejemplo es configurar automáticamente la barra de desplazamiento de acuerdo con el tamaño del formulario.
Copiar el código