Ao estudar o sistema de comunicado de imprensa de peito de carne hoje, o professor de peito de carne bovina falou sobre algum conhecimento sobre barras de rolagem. Não mencionado muito, mas apenas envolveu parte do conhecimento sobre barras de rolagem. Se você deseja estudar em profundidade, isso não é suficiente. Você tem que coletar algum conhecimento relevante sozinho.
Eu disse que um fenômeno deve ser comum para todos. Ao excluir algumas coisas em uma página da web, a barra de rolagem ainda está excluindo a posição antes da coisa, em vez de correr para o topo da página de uma maneira muito desumana. Então, como isso é implementado? De fato, o método é muito simples. Você só precisa adicionar o ManuteRScrollPositionOnPostback = true à parte superior do código -fonte do .aspx. Veja a foto abaixo:
O fenômeno acima foi encontrado ao aprender o sistema de comunicado de imprensa de peito de carne bovina. Deixe -me compartilhar com você algumas outras dicas sobre o uso de barras de rolagem HTML.
(1) Ocultar barra de rolagem
<BodyStyle = Overflow-X: Hidden; Overflow-y: Hidden>
(2) Como aparecer em uma célula ou camada
<divstyle = largura: 200px; altura: 200px; overflow-x: automático; overflow-y: auto;> </div>
(3) JavaScript altera o estilo da barra de rolagem no quadro, como alterar a cor, alterá -la para um efeito plano, etc.
<Estilo>
Corpo {scrollbar-face-cor: #ffcc99;
ScrollBar-Highlight-Color: #FF0000;
Scrollbar-shadow-color: #ffffff;
ScrollBar-3DLight-Color: #000000;
ScrollBar-Arrow-Color: #FF0000;
ScrollBar-rack-cor: #DEE0ED;
ScrollBar-Darkshadow-Color: #ffff00;}
</Style>
ilustrar:ScrollBar-3DLight-Color: cor; Defina ou recupere a cor da borda brilhante da barra de rolagem;
ScrollBar-Highlight-Color: cor; Defina ou recupere a cor da borda brilhante da interface 3D da barra de rolagem;
Scrollbar-face-cor: cor; defina ou recupere a cor da superfície 3D da barra de rolagem;
ScrollBar-Arrow-Color: cor; Defina ou recupere a cor da seta de direção da barra de rolagem; Esta propriedade é inválida quando a barra de rolagem aparece, mas não está disponível;
Scrollbar-shadow-cor: cor; Defina ou recupere a cor da borda escura da interface 3D da barra de rolagem;
ScrollBar-Darkshadow-cor: cor; Defina ou recupere a cor da borda escura da barra de rolagem;
ScrollBar-Base-Color: cor; Defina ou recupere a cor de referência da barra de rolagem. Outras cores da interface serão ajustadas automaticamente de acordo.
ScrollBar-rack-cor: cor; Defina ou recupere a cor da área de arrasto da barra de rolagem
Observação:O código de cores que você deseja definir para você pode estar em hexadecimal, como #FF0000, que pode ser representado no RGB, como o RGB (255,0,255); Ao definir o estilo da barra de rolagem, você não precisa usar todos os atributos para entrar em vigor.
(4) Posicionamento do elemento da página em JavaScript
ClientX e Clienty são a posição atual do mouse em relação à página da web. Quando o mouse está no canto superior esquerdo da página, clientx = 0, cliente = 0;
Offsetx e Offsety são a posição atual do mouse em relação a uma determinada área na página da web. Quando o mouse está localizado no canto superior esquerdo desta área na página, offsetx = 0, offsety = 0;
ScreenX e Screeny são a posição do mouse em relação a toda a tela do usuário;
x e y são a posição atual do mouse em relação ao navegador atual
ScrollLeft: defina ou obtenha a distância entre o limite esquerdo do objeto e a extremidade mais à esquerda do conteúdo visível atualmente na janela (porque há uma barra de rolagem, o conteúdo visível atual na página é incerto).
ScrollTop: define ou fica a distância entre a parte superior do objeto e a parte superior do conteúdo visível na janela.
Esquerda: a coordenada X do objeto em relação à página.
Em cima: a coordenada y do objeto em relação à página
(5) Seleção de blocos, clique com o botão direito do mouse, etc.
<Body OnContextMenu = self.event.returnValue = falseSoSelectStart = retornar false>
O pequeno exemplo a seguir é definir automaticamente a barra de rolagem de acordo com o tamanho do formulário
Copie o código