Scrollto and Localscroll with js 1.8.3
Hi everybody!
I am trying to build an horizontal web site and for this I use Scrollto and Localscroll. I would like an effect similar towhat you can see on this site
http://tibomahe.com/, but after 2 weekends trying I am still totally blocked. There are a lot of similar topics ont the forum but very few answers.
Any help should be more than appreciated!
Here is the js part of my html code:
- <script type="text/javascript" src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js'></script>
- <script type="text/javascript" src="js/jquery.localscroll-1.2.7-min.js"></script>
- <script type="text/javascript" src="js/jquery.scrollTo-1.4.3.1-min.js"></script>
- <script type="text/javascript">
- $(document).ready(
- function () {
- $("#content").localScroll();
- }
- );
- </script>
And here are the objects it should refer to:
- <div id="content">
- <ul>
-
-
- <li id="accueil">
- <p> Etudiant à l’ENSSIB en Master de Sciences de l’information et de la documentation, je souhaite travailler dans la veille multilingue, la gestion de l'information ou le e-learning. Je maîtrise l’anglais, mais aussi le russe, le suédois et le polonais. Je possède en outre une expérience conséquente en tant qu’enseignant de langue étrangère que j’aimerais réinvestir dans mon futur emploi.<p/>
- </li>
- <li id=compétences>
-
- <table>
- <caption> Compétences documentaires </caption>
- <tbody>
- <tr>
- <td>Initiation au catalogage.</td>
- </tr>
- <tr>
- <td> Interrogation des bases de données scientifiques et techniques et des outils de recherche avancée sur Internet.</td>
- </tr>
- </tbody>
- </table>
- <table>
- <caption> Informatique </caption>
- <tbody>
- <tr>
- <td>Bureautique</td>
- <td>Suite Office (Excel, Access, Word, Powerpoint)</td>
- </tr>
- <tr>
- <td> Mindmapping</td>
- <td> Freemind </td>
- </tr>
- <tr>
- <td> E-learning</td>
- <td> Moodle (Création d'exercices en ligne) </td>
- </tr>
- </tbody>
- </table>
- <table>
- <caption> Pédagogie </caption>
- <tbody>
- <tr>
- <td>Conception de séquences pédagogiques en Français Langue Etrangère et Français des Affaires</td>
- </tr>
- <tr>
- <td>Enseignement à des publics d’âge, de niveau et de nationalité variés</td>
- </tr>
- </tbody>
- </table>
- </li>
-
-
- <li id="expérience">
- <table>
- <caption> Documentation </caption>
- <tbody>
- <tr>
- <td>2013</td>
- <td> Hospices Civils de Lyon</td>
- <td>Stage de gestion de projet : mise en place d’une chaîne d’édition numérique pour des publications scientifiques.</td>
- </tr>
- </tbody>
- </table>
-
- <table>
- <caption> Enseignement </caption>
- <tbody>
- <tr>
- <td>2013</td>
- <td> Lycée La Martinière Monplaisir</td>
- <td> Aide aux devoirs auprès des élèves de l'internat </td>
- </tr>
- <tr>
- <td>2011-2012</td>
- <td> Ecole privée Voilà Varsovie </td>
- <td> Enseignement du français et du français des affaires à tous les niveaux du CCER </br> <a href="recommandation_Voilà.pdf"> Voir la lettre de recommandation </a></td>
- </tr>
- <tr>
- <td rowspan=3>2010</td>
- <td> Centre de formation Folkuniversitet, Linköping, Suède </td>
- <td> Enseignement du français à des adultes de niveaux variés </td>
- </tr>
-
- <tr>
- <td> Université de Linköping </td>
- <td> Enseignement du français à un groupe d'étudiant en management international </br> <a href="Recommandation_université_ de_ Linkoping.pdf"> Voir la lettre de recommandation </a> </td>
- </tr>
- <tr>
- <td> Commune de Linköping </td>
- <td> Enseignement du français à des enfants de maternelle dont l'un des parents est français </td>
- </tr>
- <tr>
- <td>2008-09</td>
- <td> Université Rennes 2 </td>
- <td> Enseignement du français aux étudiants étrangers. </br>
- <a href="Recommandation_Cirefe.pdf"> Voir la lettre de recommandation </a>
- </td>
- </tr>
- </tbody>
- </table>
- </li>
-
- <li id=intérêts>
- <table>
- <caption> Activités culturelles </caption>
- <tbody>
- <tr>
- <td> Rédacteur pour le Webzine Babel-balades. </td>
- <td> Rédaction et correction d'articles.</td>
- </tr>
- <tr>
- <td>Musique.</td>
- <td> Guitare, bombarde, percussions. </td>
- <td> Université Rennes 2.</td>
- </tr>
- </tbody>
- </table>
-
- <table>
- <caption> Sports pratiqués </caption>
- <tbody>
- <tr>
- <td> Jogging, cyclisme, natation. </td>
- </tr>
- </tbody>
- </table>
-
- <table>
- <caption> Intérêts. </caption>
- <tbody>
- <tr>
- <td> Théâtre, cinéma, concerts. </td>
- </tr>
- </tbody>
- </table>
- </li>
- </div>
- </section>
Thank you again!