Scrolla till en div när man släpper fingret

PHPportalen Forum Index » HTML/CSS/JavaScript/Design
Lägg ett bokmärke på hela tråden
Skapa nytt inlägg   Svara på inlägget
Visa föregående ämne :: Visa nästa ämne  
Startad av: Meddelande
cazz



Medlem i: 5181 dagar
Från: Småland :)
Status: Offline



#742283
Inlägg Skrivet: 2018-08-31 17:57      Ämne: Scrolla till en div när man släpper fingret Citera

Hej
Har denna kod som jag näääästan fått att fungera
KOD:
1:
<!DOCTYPE html>
2:
<html>
3:
<head>
4:
<style>
5:
body {
6:
 
7:
   margin:0px;
8:
   padding:0px;
9:
}
10:
#myDIV {
11:
    height: 2400px;
12:
    width: 980px;
13:
    overflow:hidden;
14:
}
15:
 
16:
#page1 {
17:
    height: 800px;
18:
    width: 100%;
19:
    background-color: yellow;
20:
}
21:
#page2 {
22:
    height: 800px;
23:
    width: 100%;
24:
    background-color: blue;
25:
}
26:
#page3 {
27:
    height: 661px;
28:
    width: 100%;
29:
    background-color: green;
30:
}
31:
</style>
32:
</head>
33:
<body onload="myFunction()">
34:
 
35:
<div id="myDIV" onmouseup="myFunction()">
36:
  <div id="page2">
37:
    Page 2
38:
  </div>
39:
  <div id="page1">
40:
    Default
41:
  </div>
42:
  <div id="page3">
43:
    Page 3
44:
  </div>
45:
 
46:
<script>
47:
function myFunction() {
48:
    var elmnt = document.getElementById("page1");
49:
    elmnt.scrollIntoView();
50:
}
51:
</script>
52:
 
53:
</body>
54:
</html>

Tanken är att när man går in på sidan på en surfplatta (Ska bara vara till mina två surfplattor) så ska den gå direkt in på sida 1 (Page 1) och det fungerar men när jag scrollar till sida 2 och 3 (Page 2 och Page 3) så vill jag att den automatisk går upp till page 1 när man släpper fingret.
Just nu fungerar de sådär, det går ibland om man klickar på sidan 2/3 men inte alltid och så vill jag inte den ska fungera.

Blev inspirerad av denna kod
https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_element_scrollintoview
 

_________________
MVH
Cazz

"Men are pigs. Too bad we own everything."
Till toppen på sidan
Visa användarprofil Skicka privat meddelande
Peppe L-G



Medlem i: 4400 dagar
Från: Mullsjö
Status: Offline



#742284
Inlägget är accepterad som det rätta svaret Skrivet: 2018-08-31 21:02      Ämne: Citera

Du skulle kunna testa att använda touchend-händelsen istället för mouseup-händelsen. Vet inte om det kommer göra någon skillnad, men det kan vara värt ett försök.

https://www.w3schools.com/jsref/event_touchend.asp
 
Till toppen på sidan
Visa användarprofil Skicka privat meddelande MSN Messenger
cazz



Medlem i: 5181 dagar
Från: Småland :)
Status: Offline



#742285
Inlägg Skrivet: 2018-08-31 21:10      Ämne: Citera

Ahh tack, visste inte sådant fanns Smile
 

_________________
MVH
Cazz

"Men are pigs. Too bad we own everything."
Till toppen på sidan
Visa användarprofil Skicka privat meddelande
Visa tidigare inlägg:   
Skapa nytt inlägg   Svara på inlägget
PHPportalen Forum Index » HTML/CSS/JavaScript/Design
Hoppa till:  
Du kan inte skapa nya inlägg i det här forumet
Du kan inte svara på inlägg i det här forumet
Du kan inte ändra dina inlägg i det här forumet
Du kan inte ta bort dina inlägg i det här forumet
Du kan inte rösta i det här forumet
Du kan inte bifoga filer i detta forum
Du kan inte ladda ner filer från detta forum
Kontakta oss på adressen: info@phpportalen.net
Webbplatsen bygger i grunden på phpBB © 2001, 2002 phpBB Group

Modifieringar har senare gjorts i systemet av PHPportalen
Sid och logotypdesign skapad av Daren Jularic