Hej,
Jag slår två flugor i en smäll och uppdaterar familjeföretagets hemsida samtidigt som jag gör ett projekt i en CSS-kurs på universitet. Det ska tilläggas att jag inte är någon expert på området.
Iallafall så har jag nu stött på problem. Jag länkar internt på sidorna, så att en länk går till en plats längre ner på sidan. Till detta skulle jag vilja använda Javascriptet "smoothscroll.js" (http://www.kryogenix.org/code/browser/smoothscroll/) som jag tycker är snyggt. Dock vill det inte fungera.
Jag har testat att länka externt till scriptet och att ha det inne i dokumentet, men varkendera lösningarna fungerar för mej. Kan det bero på att jag använder xhtml och därför har problem med javascript?
En tidig version av sidan hittar ni här: http://www.abcrownproducts.com/newtest/
Jag är även tacksam för övrig kritik. :)
colioneMedlem sedan juni 20014 421 inlägg Ge oss en länk med sidan som har scriptet inlagt istället. :)
colione skrev:
Ge oss en länk med sidan som har scriptet inlagt istället. :)
Smart! ;)
Nu har jag lagt in scriptet inom <head> på sidan så som det står att man ska göra på: http://www.kryogenix.org/code/browser/smoothscroll/
Jag har även testat med andra metoder likt:
<script type="text/javascript">
<![CDATA[
// content of your Javascript goes here
]]>
</script>
och
<script type="text/javascript">
/* <![CDATA[ */
// content of your Javascript goes here
/* ]]> */
</script>
som jag hittade förslag på här: http://javascript.about.com/library/blxhtml.htm
Men inte heller det fungerade.
EDIT: Jag har naturligtvis också laddat upp scriptet i samma mapp som de övriga dokumenten.
Tilläggas kan även att jag testat med ett annat javascript (för annan funktion) som heller inte fungerade.
OkkidoMedlem sedan maj 20007 492 inlägg
Okkido skrev:
http://www.abcrownproducts.com/newtest/smoothscroll.js här ligger den inte iallafall.
Du har helt rätt. Jag la upp sidan över den gamla idag och glömde kasta in scriptet. Nu är allt på www.abcrownproducts.com
Men problemet kvarstår. Dock har jag ett annat javascript, dagens datum-script, som fungerar. Konstigt.
Ingen som har nån koll på vad problemet skulle kunna vara?
Efter att ha tittat som hastigast på smoothscroll.js ser det ut som att den inte klarar att scrolla till vilka element som helst med ett visst id. Smoothscroll verkar bara kunna scrolla till a-taggar, och då kollar den inte ens id:t på a-taggen, utan istället name-attributet.
Du vill till exempel scrolla till en div med id:t "flexible", men det klarar smoothscroll alltså inte av. Det räcker säkert med att lägga till <a name="flexible"></a> överst i den div-taggen för att lösa det, även om det kanske inte är så snyggt kodmässigt. Eller så får du nog gå in i js-filen och hacka lite...
Tack så jättemycket! Nu fungerar det ju som det ska. Tur att det finns folk med mera koll än jag, tack igen!
:birp (y)
Vassego! Fint att det löste sig. Markera gärna tråden som löst, så blir nog moderatorerna glada också :)
