Articles of scroll

Desplazándose en un div

Como puede ver en la imagen de abajo, tengo un div rojo en el tamaño de la “pantalla”, lo que quiero es hacer que el contenido se pueda desplazar solo en esa área. ¿Hay una manera de hacerlo? Todo el css de la libreta: #mainWindow{ margin-left:auto; margin-right:auto; background-image:url(“../images/mainWindow.png”); background-size:100% 100%; height:100%; width:80%; padding:55px 60px 95px […]

¿Cómo hacer scroll automático en línea div sin desplazar toda la página?

Tengo un div como un contenedor para una vista de archivo. Este div tiene desplazamiento en dirección y . Quiero desplazar automáticamente el contenido dentro de este contenedor div a una posición específica al cargar la página, pero sin desplazarme por toda la página. He intentado con y location.hash = ‘scrollHere’; Pero esto desplaza toda […]

¿Las barras de desplazamiento son siempre del mismo ancho en diferentes navegadores?

Necesito hacer un ajuste de CSS para compensar una barra de desplazamiento. Así que me preguntaba: ¿las barras de desplazamiento son siempre del mismo ancho en diferentes navegadores y sistemas operativos? Tengo dos tablas, una encima de la otra, con anchos de columnas coincidentes (establecidos en porcentajes). Una tabla necesita una barra de desplazamiento, por […]

bootstrap-select con JQuery slimscroll error de visualización

Actualmente estoy usando el plugin boostrap-select 1.12.2 para mostrar algunos widgets de filtro. Estos widgets se muestran en el lado izquierdo de la página y se agregan dinámicamente. La lista de widgets puede ser bastante larga (más de 20 filtros), así que los muestro en una división desplazable, utilizando JQuery slimScroll 1.3.8. Funciona bien cuando […]

Desplazamiento automático cuando se enfoca en elementos dentro del contenedor con desbordamiento oculto

He notado un extraño comportamiento de desplazamiento automático cuando uso el overflow: hidden; en un contenedor con elementos enfocados dentro de él: https://codepen.io/anon/pen/aVmavx (puede cambiar el enfoque usando la tecla de tabulación). No desencadena el evento onScroll() ya que el desbordamiento se establece en oculto. ¿Entonces me pregunto cómo podría controlar / reiniciar este “desplazamiento”? […]

Necesidad de arreglar una imagen en un lugar específico en una página

Necesito arreglar una imagen .gif en un lugar específico en mi página de inicio. Coloqué la imagen en mi HTML, y “posición: fija” no hace lo que quiero, el rest del contenido de la página se desplaza debajo de la imagen. Quiero que la imagen permanezca en el mismo lugar en todo momento. Descargo de […]

Espacio detrás de la barra de navegación de arranque

Usando la navbar de navbar de bootstrap, estoy tratando de averiguar cómo hacer que no se oculte la parte superior de la sección del cuerpo. En realidad, está muy bien resuelto usando lo que se recomienda aquí: Twitter Bootstrap: barra de navegación superior que bloquea el contenido superior de la página Pero todavía hay algo […]

Cómo deshabilitar el desplazamiento / desplazamiento en dispositivos iOS (iPad, iPhone, Mac) con conmutación controlada por el usuario (habilitar / deshabilitar)

Al revisar las muchas preguntas y respuestas sobre este tema en StackOverflow, ninguna de las soluciones proporcionadas funcionó de manera confiable. Todas las soluciones CSS, JavaScript, jQuery e híbridas tenían al menos una deficiencia que impedía que el scroll se deshabilitara y / o alternara de manera efectiva. También he buscado en la web alto […]

Detección de desplazamiento del touchpad en JS, sin biblioteca

Estoy creando mi propia pequeña biblioteca de Javascript que facilita la sustitución de las barras de desplazamiento predeterminadas para su sitio web (y el mío) con las personalizadas. Parte de eso significa darle al elemento BODY un estilo de “desbordamiento: oculto” para ocultar las barras de desplazamiento normales. Sin embargo, esto evita todo desplazamiento, excepto […]

El complemento de desplazamiento suave no me permite desplazarme hacia abajo de la página

Agregué el complemento github para el efecto de desplazamiento suave. github.com/simov/simplr-smoothscroll Agregué en las salidas de llamadas para el efecto: Luego agregué este código para el efecto: $(function () { $.srSmoothscroll() }); Después de hacer esto, mi página ya no se desplaza hacia abajo. Sólo se desplaza hacia arriba. ¿Por qué esto no funciona correctamente? […]