• Login
  • Register
  • Zoek
This Thread
  • Everywhere
  • This Thread
  • This Forum
  • Articles
  • Pages
  • Forum
  • Filebase Entry
  • More Options

ICTscripters

Dé plek voor IT

Dé plek voor IT

Login

Geavanceerde opties
  1. Home
  2. Forum
    1. Alle berichten
    2. Recente activiteiten
  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
  9. Goedkope domeinnamen
  1. Home
  2. Forum
    1. Alle berichten
    2. Recente activiteiten
  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
  9. Goedkope domeinnamen
  1. Home
  2. Forum
    1. Alle berichten
    2. Recente activiteiten
  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
  9. Goedkope domeinnamen
  1. Dé plek voor IT - ICTscripters
  2. Forum
  3. Scripting & programmeren
  4. (X)HTML + XML + CSS

Forum

  • Beta-testers gezocht voor Crypto-oefenplatform

    Syntax 29 januari 2026 om 16:11
  • Na 15 jaar terug van weggeweest: iCriminals.nl is terug (BETA)!

    Syntax 19 januari 2026 om 09:34
  • Developer Gezocht

    Mikevdk 10 januari 2026 om 18:57
  • Op zoek naar de legends

    Syntax 5 januari 2026 om 13:50
  • [FREE] WeFact Hosting module

    Jeroen.G 13 oktober 2025 om 14:09
  • Help testers nodig voor android app Urgent

    urgentotservices 26 september 2025 om 10:21
  • Versio vervanger

    Jeroen.G 25 augustus 2025 om 15:56
  • Afspraken systeem met planbeperking

    Lijno 1 augustus 2025 om 23:04

Marktplaats

  • 350 Nieuwe Domeinnamen Januari 2026

    shiga 1 februari 2026 om 14:21
  • 321 Nieuwe Domeinnamen December 2025

    shiga 1 januari 2026 om 10:26
  • Meerdere mafia game template te koop

    Syntax 26 december 2025 om 00:07

Html/jquery [Help!]

  • L. Velthuis
  • 12 februari 2014 om 19:22
  • L. Velthuis
    Vato Gonzalez
    Ontvangen Reacties
    32
    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

  • M.Beers
    Elite members
    Ontvangen Reacties
    31
    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;
    	});
    	
    });
    Toon Meer

    Dit was mijn spreekbeurt, zijn er nog vragen?

  • L. Velthuis
    Vato Gonzalez
    Ontvangen Reacties
    32
    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
    Ontvangen Reacties
    64
    Articles
    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
    Ontvangen Reacties
    32
    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;
    }
    Toon Meer


    en include de twee javascripts (smooth scroller & jquery)

    Files

    javascripts.zip 33,69 kB – 329 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
    Ontvangen Reacties
    32
    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
    Ontvangen Reacties
    31
    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
    Ontvangen Reacties
    32
    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
    Ontvangen Reacties
    31
    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
    Ontvangen Reacties
    31
    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

Participate now!

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

Maak een account aan Login

ICT Nieuws

  • Fijne feestdagen

    tcbhome 28 december 2025 om 13:55
  • Kritieke update voor Really Simple Security-plug-in

    K.Rens 16 november 2024 om 16:12
  • ING Nederland streeft naar ondersteuning van Google Pay tegen eind februari

    K.Rens 2 november 2024 om 16:09

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

  • 1 Gasten
  1. Marktplaats
  2. Design
  3. Voorwaarden
  4. Ons team
  5. Leden
  6. Geschiedenis
  7. Regels
  8. Links
  9. Privacy Policy
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