last day (15 days later) » 

Feeds
Feeds
19:14
0
A: Calcular distância horizontal de um elemento

dvdA lógica é você calcular a distância do elemento "slide to submit" à partir da esquerda da janela e depois subtrair a distância x do mouse por esse valor: let win_left = ((window.innerWidth - containerWidth)/2); Onde: window.innerWidth é a largura da janela; containerWidth é a largura...

Lauro Moraes
Lauro Moraes
Ao aplicar suas sugestões o botão está excedendo seu contêiner parcial ou totalmente ao segurar e correr além do contêiner a esquerda ou a direita bem como ao puxar acima ou abaixo. print
estou usando Chrome 63 (64bits) Windows8... deixei o link de um print no comentário anterior. O mesmo ocorre em Firefox 57
dvd
dvd
@LauroMoraes Tb testei no Chrome 63, só que no Windows 10. Eu vi o print. Coloquei no Youtube um pequeno vídeo mostrando o funcionamento: youtu.be/nqjT_8pLeuY
Lauro Moraes
Lauro Moraes
Sim sua sugestão esta a funcionar independente do break-point... isso resolve a questão inicial más, agora se eu segurar o botão e por exemplo puxar a esquerda ou para cima ou para baixo o botão está sendo lançado horizontalmente fora de seu contêiner. Coisa que nó trecho original não estava acontecendo.
Testei com Chromium e Firefox em Ubuntu (virtualizado) ocorre o mesmo... alguma ideia? Eu realmente não cheguei ao entendimento de porque
dvd
dvd
@LauroMoraes Aqui não.Aqui ele só vai pra direita. Bem estranho.
@LauroMoraes Então vou ficar devendo. Não tem como eu tentar arrumar uma coisa que pra mim está funcionando. Mas vou deixar a resposta ativa caso alguém queira tentar mexer pra ter alguma base.
Lauro Moraes
Lauro Moraes
Fiz um vídeo do referido evento (botão além do contêiner) pra ajudar caso alguém esbarre nos comentários. Link vídeo YouTube.
 
1 hour later…
Lauro Moraes
Lauro Moraes
20:21
Foi mau a demora tinha dado uma saída
dvd
dvd
tranquilo, to vendo aqui...
Lauro Moraes
Lauro Moraes
Não acredito que esse "efeito" de extrapolar o contêiner seja questão de sistema...ocorreu em Windows e Ubuntu em diferentes navegadores. Testei seu exemplo localmente também e tbm ocorreu o mesmo
dvd
dvd
é, eu vi aqui
Lauro Moraes
Lauro Moraes
ocorreu ai?
dvd
dvd
sim
o problema está nesse e.x
quando a tela é menor, ele fica com um valor baixo e o calculo fica negativo
Lauro Moraes
Lauro Moraes
20:27
...acho que isso se deve ao break-point algumas classes são (recebem) um valor diferente
por hora estou tentando capturar a distancia do contêiner e setar em uma variável global pre-definida, verificar se a variável possui valor e calcular no evento mousemove uma vez que neste evento não é possível computar o contêiner e o margin (pelo menos não obtive ainda)
dvd
dvd
20:50
pena que eu tenha que sair agora... já estava perto de uma solução
@LauroMoraes Estava fazendo isso:
if ( (e.x - win_left) >= (containerWidth - buttonWidth)) {
console.log('adjust is negative')
m.style.left = 0
} else {
console.log('adjust')
m.style.left = (e.x - win_left) + 'px'
}
com isso eu consegui o slide funcionar em qualquer tamanho de tela, só não consegui ainda fazer ele para no final, mas como preciso sair agora....
Lauro Moraes
Lauro Moraes
Esquenta não, agradeço sua atenção e paciência. Vou tentar seguir na sua linha de raciocínio. Se eu chegar a algo lhe reporto, obrigado.

last day (15 days later) »