Hoje em dia, ter o seu próprio site não é um luxo, mas sim uma necessidade. Sua criação requer certas habilidades e conhecimentos de html. Construir um site simples é muito fácil. Porém, decorá-lo e criar elementos interativos que forneçam funcionalidades adicionais para o site causará dificuldades para um iniciante. Um desses elementos interativos que melhoram a conveniência dos visitantes do site é a barra de rolagem. É especialmente útil nos campos do site, que proporcionam sua conexão com scripts (interação do site com os usuários).
É necessário
Internet ou qualquer tutorial html
Instruções
Passo 1
O mais importante em qualquer site é a facilidade de uso. A própria ideia de usar uma barra de rolagem em seu site será apropriada apenas se sua aparência for ditada não por seu desejo, mas por sua necessidade. Faça o layout da página em que deseja colocar a barra de rolagem. Escolha um local para a rolagem (também chamadas de barras de rolagem).
Passo 2
Escolha um local para a barra de rolagem na página do site de seu interesse. Ele deve estar rigidamente vinculado a algum elemento (por exemplo, uma caixa de texto ou uma lista suspensa). Você deve calcular este lugar em pixels ou como uma porcentagem. Isso não é difícil de fazer, especialmente se o layout do site tiver uma estrutura clara.
etapa 3
Entre as tags BODY, você deve adicionar o código de rolagem padrão. Você pode encontrá-lo em qualquer tutorial html. Existem duas opções - adicionar este snippet diretamente ao código html da página ou anexá-lo à folha de estilo css. O segundo método é mais conveniente se você alterar mais de uma página, mas o site inteiro de uma vez. Em seguida, você precisa inserir os parâmetros de cor da barra de rolagem, caso contrário, ficará cinza e desinteressante. A figura mostra e rotula os elementos de rolagem. Os parâmetros devem ser inseridos da mesma forma que na figura, separados por ponto e vírgula.
Passo 4
Agora você definitivamente deve testar suas modificações. Para que a barra de rolagem tenha a mesma aparência em todos os navegadores, verifique nos principais - Internet Explorer, Mozilla Firefox e Opera. Se não funcionar em um deles, volte para a primeira etapa e corrija os erros.
