• Inloggen
  • Registreer
  • Zoeken
Dit topic
  • Overal
  • Dit topic
  • Dit forum
  • Artikelen
  • Pagina's
  • Forum
  • Downloads
  • Meer opties

ICTscripters

Dé plek voor IT

Dé plek voor IT

Aanmelden

Geavanceerde opties
  1. Home
  2. Forum
    1. Alle berichten
    2. Recente activiteiten
    3. Onopgeloste topics
  3. ICT Nieuws
  4. Blog
  5. Marktplaats
    1. Werk
    2. Advertenties
    3. Domeinnamen
    4. Websites
    5. Design & lay-outs
    6. Scripts
    7. Overige
  6. Design
  7. Leden
    1. Actieve bezoekers
    2. Team
    3. Leden zoeken
  8. Downloads
  1. Home
  2. Forum
    1. Alle berichten
    2. Recente activiteiten
    3. Onopgeloste topics
  3. ICT Nieuws
  4. Blog
  5. Marktplaats
    1. Werk
    2. Advertenties
    3. Domeinnamen
    4. Websites
    5. Design & lay-outs
    6. Scripts
    7. Overige
  6. Design
  7. Leden
    1. Actieve bezoekers
    2. Team
    3. Leden zoeken
  8. Downloads
  1. Home
  2. Forum
    1. Alle berichten
    2. Recente activiteiten
    3. Onopgeloste topics
  3. ICT Nieuws
  4. Blog
  5. Marktplaats
    1. Werk
    2. Advertenties
    3. Domeinnamen
    4. Websites
    5. Design & lay-outs
    6. Scripts
    7. Overige
  6. Design
  7. Leden
    1. Actieve bezoekers
    2. Team
    3. Leden zoeken
  8. Downloads
  1. Dé plek voor IT - ICTscripters
  2. Forum
  3. Scripting & programmeren
  4. (X)HTML + XML + CSS

Forum

  • 🚀 WE ZOEKEN TESTERS! 🚀

    Servertjee 3 oktober 2026 om 10:56
  • Port Father: beta van een browsergame in Antwerpen 1931, feedback welkom

    Syntax 1 oktober 2026 om 11:11
  • Luchtvaartsoftware: Hoe technologie de moderne luchtvaart verandert

    saggy2829 30 september 2026 om 19:31
  • Hoe gebruiken jullie WhatsApp voor marketing en klantopvolging?

    aiqanobzfsej5 29 september 2026 om 12:55
  • [PROJECT] Gamekeuring.nl - Hét onafhankelijke keuringsplatform voor maffiagames & RPG's!

    frio 22 september 2026 om 16:40
  • Ictscripters / Koen

    Aaron 22 september 2026 om 15:07
  • Kweekrijk - van stekje tot Imperium

    Lijno 14 september 2026 om 23:00
  • Crimora.nl

    Jeffrey.Hoekman 8 september 2026 om 18:49

Marktplaats

  • Verschillende domeinen te koop (sommige hebben website / content)

    frio 2 oktober 2026 om 14:45
  • 295 Nieuwe Domeinnamen September 2026

    shiga 1 oktober 2026 om 19:09
  • Straatbaas.eu – complete Nederlandstalige en Engelstalige online maffia-RPG

    Jeroen.G 1 oktober 2026 om 17:48

Html/jquery [Help!]

  • L. Velthuis
  • 12 februari 2014 om 19:22
  • L. Velthuis
    Vato Gonzalez
    Berichten
    682
    • 12 februari 2014 om 19:22
    • #1

    Hallo allemaal!

    ik heb nu een one page webdesign gemaakt met 3 pagina's onder elkaar (http://www.larsvelthuis.nl).

    nu heb ik aan elke top van die pagina een menu neergezet met 3 links er in.

    Ik wil dat als ik op een link klik, dat de pagina dan smooth doorloopt naar de andere anchor url.

    ik heb gehoord dat dit met jquery kan.

    Zelf heb ik al een tijdje gegoogeld. Maar krijg het maar niet werkend.

    iemand die me hierbij dus zou kunnen helpen?

    Greetz.

    Beginnend DJ! Volg mij op MixCloud!

    Lars Velthuis | Mixcloud

  • Gast, wil je besparen op je domeinnamen? (ad)
  • M.Beers
    Elite members
    Berichten
    460
    • 12 februari 2014 om 19:46
    • #2

    Hallo,

    Dit is mogelijk met de scrollTop functie :)
    Ik heb een scriptje geschreven hoe het ongeveer moet worden (ongetest).

    Code
    jQuery(document).ready(function($) {
    	
    	$('a').on('click', function() {
    		var hash = window.location.hash;
    		var id = '#' + hash;
    
    
    		if ($(id).length > 0) {
    			$('body').animate({scrollTop: $(id).scrollTop}, 500);
    		}
    		
    		return false;
    	});
    	
    });
    Meer tonen

    Dit was mijn spreekbeurt, zijn er nog vragen?

  • L. Velthuis
    Vato Gonzalez
    Berichten
    682
    • 12 februari 2014 om 21:02
    • #3

    En deze zet ik gewoon in de <script></script> tags? Dan moet het werken?

    Beginnend DJ! Volg mij op MixCloud!

    Lars Velthuis | Mixcloud

  • Dees
    Elite members
    Artikelen
    1
    Berichten
    358
    • 12 februari 2014 om 21:17
    • #4

    Als je dit scriptje implementeert kan je met een handige functie ( .scrollTo() ) automatisch naar een gewenst gedeelte scrollen.

    Met vriendelijke groet,

    Dees

  • L. Velthuis
    Vato Gonzalez
    Berichten
    682
    • 12 februari 2014 om 21:28
    • #5

    thanks! denk dat ik daar een heel eind mee kom :).

    Laat morgen weten of het gelukt is. Topic nog niet sluiten aub.


    edit: krijg het maar niet voor elkaar.

    iemand die me misschien kan helpen via skype / teamviewer?

    Beginnend DJ! Volg mij op MixCloud!

    Lars Velthuis | Mixcloud

    Bewerkt één keer, laatst door L. Velthuis (13 februari 2014 om 12:39).

  • L.Pappalettera
    ༼ つ ◔◡◔ ༽つ ๖ۣۜLOL™
    Berichten
    969
    • 14 februari 2014 om 01:35
    • #6

    Hou het gewoon simpel met 1 menu aan de bovenkant en 1 div, zoals het onderstaande (voor je getest.. werkt prima): :thumbup:

    Code
    <!-- Menu -->
    	<div class="menuwrap">
    		<ul>
      		<li><a href="#home">Home</a></li>
      		<li><a href="#portfolio">Portfolio</a></li>
      		<li><a href="#contact">About</a></li>
    		</ul>
    	</div>	
    	<!-- Menu Einde -->
    Code
    .menuwrap {
      position: fixed;
      line-height: 0px;
      padding: 10px;
      font-size: 39px;
      font-family: pistara;
    }
    
    
    .menuwrap li {
      list-style-type: none;
      display: inline;
      padding: 5px;
      margin-left: 10%;
    }
    
    
    .menuwrap a {
      color: white;
      text-decoration: none;
    }
    
    
    .menuwrap a:hover {
      margin: -3px;
      background-color: #ccc;
      border-style: solid;
      border-bottom-color: white;
      border-top-color: grey;
      border-left-color: grey;
      border-right-color: grey;
      height: 40px;
    }
    Meer tonen


    en include de twee javascripts (smooth scroller & jquery)

    Bestanden

    javascripts.zip 33,69 kB – 436 downloads

    O o
    /¯/__________________________/¯¯
    | <๖ۣۜJunior Front-end Webdeveloper/>
    \_\¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯\__
    /||\
    /¯\
    Never be afraid to try something new. Remember that a lone amateur built the Ark. A large group of professionals built the Titanic.

  • L. Velthuis
    Vato Gonzalez
    Berichten
    682
    • 14 februari 2014 om 13:24
    • #7

    Heel erg bedankt :).

    is me uiteindelijk gelukt :).

    Closerequest.

    Beginnend DJ! Volg mij op MixCloud!

    Lars Velthuis | Mixcloud

  • L.Groot
    Elite members
    Berichten
    4.888
    • 14 februari 2014 om 18:18
    • #8

    We sluiten geen topics meer die het doel hebben om een antwoord te krijgen op een programmeer- of andere vraag.
    Dit omdat iemand anders misschien nog een hele goede toevoeging heeft of met een soortgelijk probleem zit.

    Gelieve in het vervolg dus niet meer om een slotje te vragen in dergelijke topics.

    Met vriendelijke groet,

    Lars Groot
    Beheerder ICTscripters

  • L. Velthuis
    Vato Gonzalez
    Berichten
    682
    • 14 februari 2014 om 21:51
    • #9

    Oke Lars :).

    Bedankt voor de mededeling.

    Zal hier in het vervolg rekening mee houden.

    Beginnend DJ! Volg mij op MixCloud!

    Lars Velthuis | Mixcloud

  • L.Pappalettera
    ༼ つ ◔◡◔ ༽つ ๖ۣۜLOL™
    Berichten
    969
    • 15 februari 2014 om 01:34
    • #10

    Dus dat betekent dat oude topics bumpen ook weer toegestaan is? Of is daar niet aan gedacht :P

    O o
    /¯/__________________________/¯¯
    | <๖ۣۜJunior Front-end Webdeveloper/>
    \_\¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯\__
    /||\
    /¯\
    Never be afraid to try something new. Remember that a lone amateur built the Ark. A large group of professionals built the Titanic.

  • L.Groot
    Elite members
    Berichten
    4.888
    • 15 februari 2014 om 02:08
    • #11

    Oude topics (ouder dan aangegeven in de regels) bumpen is toegestaan als je zelf een hele goede toevoeging aan het probleem hebt en als de toevoeging nog past binnen dit tijdperk. Dus geen oude functies meer posten in een topic van 2 jaar oud want daar hebben we nu niks meer aan. Als je een toevoeging hebt die voor nú gebruikt kan worden mag je die zeker wel plaatsen. Het opnieuw vragen van een vraag gebeurd gewoon in een nieuwe topic en dus niet in een topic van enkele jaren of maanden oud.

    Mocht je niet zeker weten of je een topic wel/niet mag bumpen of er nog in mag posten, contacteer dan een moderator of beheerder zodat deze oordelen over de kwestie.

    Groet,

    Lars Groot
    Beheerder ICTscripters

  • L.Pappalettera
    ༼ つ ◔◡◔ ༽つ ๖ۣۜLOL™
    Berichten
    969
    • 15 februari 2014 om 15:25
    • #12

    Dan kan je ja netzo goed op alle topics die te oud zijn automatisch een slotje zetten. ;)

    O o
    /¯/__________________________/¯¯
    | <๖ۣۜJunior Front-end Webdeveloper/>
    \_\¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯\__
    /||\
    /¯\
    Never be afraid to try something new. Remember that a lone amateur built the Ark. A large group of professionals built the Titanic.

  • L.Groot
    Elite members
    Berichten
    4.888
    • 15 februari 2014 om 15:43
    • #13

    Nee want als je nog een goede toevoeging hebt kan je die dan niet meer plaatsen ;).

    Overigens gaan we nu te ver offtopic, als je hier een nog duidelijker antwoord op wil hebben dan kun je een ander topic aanmaken of mij of een ander crewlid een PB sturen.

    Groet,

    Lars Groot
    Beheerder ICTscripters

Registratie

Nog geen account? Registreer je nu en word deel van onze community!

Nu registreren Aanmelden

Blogs

  • Functioneel ontwerp

    Dees 28 december 2014 om 12:38
  • Access Control List implementatie in PHP/MySQL - deel 1/2

    FangorN 28 december 2018 om 12:35
  • Access Control List implementatie in PHP/MySQL - deel 2/2

    FangorN 29 december 2018 om 12:37

Gebruikers die dit topic bekijken

  • 2 Gasten
  1. Marktplaats
  2. Design
  3. Voorwaarden
  4. Ons team
  5. Leden
  6. Geschiedenis
  7. Regels
  8. Links
  9. Privacyverklaring
  10. Contact
ICTscripters ©2005 - 2026 , goedkope hosting door DiMoWeb.com, BE0558.915.582
Sponsors: Beste kattenhotel provincie Antwerpen | Beste Zetes eid kaartlezer webshop
Style: Nexus by cls-design
Stylename
Nexus
Manufacturer
cls-design
Licence
Commercial styles
Help
Supportforum
Visit cls-design