[JavaScript] draggable problem z pozycją obiektu podczas ruchu. |
[JavaScript] draggable problem z pozycją obiektu podczas ruchu. |
25.06.2019, 20:34:11
Post
#1
|
|
Grupa: Zarejestrowani Postów: 361 Pomógł: 10 Dołączył: 8.02.2012 Ostrzeżenie: (0%) |
Witam,
mam problem, mianowicie podczas ruchu, przenoszenia obiektu, obiekt dostawia się po prawej stronie myszki od dołu. Jak zniwelować ten efekt? Głowie się już cały dzień
|
|
|
25.06.2019, 20:41:08
Post
#2
|
|
Grupa: Zarejestrowani Postów: 6 761 Pomógł: 1822 Dołączył: 11.03.2014 Ostrzeżenie: (0%) |
Po prostu przesuń go o połowę szerokości i wysokości.
-------------------- |
|
|
25.06.2019, 20:56:08
Post
#3
|
|
Grupa: Zarejestrowani Postów: 361 Pomógł: 10 Dołączył: 8.02.2012 Ostrzeżenie: (0%) |
Chodzi o to, by element nie przesunął się względem wcześniejszej pozycji a więc, jeżeli chwyciłem go w np prawym dolnym rogu, to żebym za ten róg ciągnął. I problemem jest to gdzie wywoływać i co .
|
|
|
25.06.2019, 21:16:10
Post
#4
|
|
Grupa: Zarejestrowani Postów: 6 761 Pomógł: 1822 Dołączył: 11.03.2014 Ostrzeżenie: (0%) |
W momencie łapania oblicz różnicę między położeniem kursora, a położeniem elementu. Tej różnicy używaj podczas przesuwania.
-------------------- |
|
|
26.06.2019, 14:57:56
Post
#5
|
|
Grupa: Zarejestrowani Postów: 361 Pomógł: 10 Dołączył: 8.02.2012 Ostrzeżenie: (0%) |
Mam dalej niestety problem, proszę pomóż, co robię źle.
Jeżeli odejmę różnice to box stoi w miejscu . Aktualnie całość wygląda tak: https://codepen.io/kotbezbutow/pen/VJMbeK
Ten post edytował KotWButach 26.06.2019, 14:58:15 |
|
|
26.06.2019, 17:15:09
Post
#6
|
|
Grupa: Zarejestrowani Postów: 6 761 Pomógł: 1822 Dołączył: 11.03.2014 Ostrzeżenie: (0%) |
Przeczytaj jeszcze raz mój post.
-------------------- |
|
|
26.06.2019, 19:07:03
Post
#7
|
|
Grupa: Zarejestrowani Postów: 361 Pomógł: 10 Dołączył: 8.02.2012 Ostrzeżenie: (0%) |
w momencie łapania, dobra będę próbował .
Dzieki za pomoc
|
|
|
27.06.2019, 00:19:17
Post
#8
|
|
Grupa: Zarejestrowani Postów: 1 707 Pomógł: 266 Dołączył: 3.07.2012 Skąd: Poznań Ostrzeżenie: (0%) |
Przeciąganie działa ładnie, ale mam sporo uwag do Twojego kodu:
Bardziej wydajnym pomysłem byłoby rejestrować tylko jedno zdarzenie każdego typu i sprawdzać czy event.target to jeden z elementów, które zarejestrowaliśmy do przeciągania. W ten sposób też elementy nie będą się gryzły - teraz przy próbie wprawienia w ruch kilku elementów wyskakuje błąd, bo this.draggable będzie nullem dla każdego elementu, którego aktualnie nie przeciągamy. |
|
|
Wersja Lo-Fi | Aktualny czas: 19.04.2024 - 03:25 |