Estilo de desplazamiento personalizado de vista de desplazamiento en subprograma

Inserte la descripción de la imagen aquí
No hay muchas tonterías, en primer lugar, confirme si es el efecto que desea;
pasos de edición:
1. Agregue el evento de clic bindscroll a la vista de desplazamiento para obtener varios valores de atributo de la vista de desplazamiento;
2. Escriba lo que desee usted mismo El estilo de desplazamiento, como se muestra en la figura anterior, solo necesita controlar la distancia entre la barra de desplazamiento y el lado izquierdo del padre en la etapa posterior;
3. Enfoque, el último paso, escriba el evento de clic,
1. Obtenga el ancho del área de desplazamiento y la distancia desde la izquierda;
2. Obtenga el área de desplazamiento La proporción de la suma del ancho de la pantalla y el área de desplazamiento;
3. Asignar valores al estilo de desplazamiento personalizado;
4. Nota: No puede desplazarse hasta el final cuando se desplaza hasta el final, simplemente ajuste el ancho del estilo personalizado;

	bindscroll: function (e) {
	    let width = e.detail.scrollWidth
	    let left = e.detail.scrollLeft
	    let scrollLeft = this.data.scrollLeft
	    scrollLeft = (left + wx.getSystemInfoSync().windowWidth) / width
	    console.log(wx.getSystemInfoSync().windowWidth)
	    scrollLeft = scrollLeft * 100
	    this.setData({
	      scrollLeft: scrollLeft
	    })
	  }

Supongo que te gusta

Origin blog.csdn.net/jiaodeqiangs/article/details/93634152
Recomendado
Clasificación