Estilo de rolagem personalizado no applet

Insira a descrição da imagem aqui
Sem muita bobagem, em primeiro lugar, confirme se é o efeito que você deseja;
etapas de edição:
1. Adicione o evento click bindscroll para scroll-view para obter vários valores de atributo de scroll-view;
2. Escreva o que você deseja sozinho O estilo de rolagem, conforme mostrado na figura acima, só precisa controlar a distância entre a barra de rolagem e o lado esquerdo do pai no estágio posterior;
3. Foco, a última etapa, escreva o evento de clique,
1. Obtenha a largura da área de rolagem e a distância da esquerda;
2. Obtenha a área de rolagem A proporção da soma da largura da tela e da área de rolagem;
3. Atribua valores ao estilo de rolagem personalizado;
4. Observação: Você não pode rolar para o final ao rolar para o final, apenas ajuste a largura do 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
	    })
	  }

Acho que você gosta

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