. -

Min coola pil!

Anonym om Find your dreams and you might just live them, don't just be a part of the system:

sv; Tack så himla mycket:)

Förresten hur har du gjort en såndär knapp som kommer upp när man rullar ner på bloggen? den som man klickar på och så kommer man längst upp igen.
Skulle bli väldigt tacksam för svar:)
Kram

Jo, jag hittade den koden på en hemsida, men kan lägga ut den här om du också vill använda den! ;)

Hoppas du blir glad!

$(function () {

var scroll_timer;

var displayed = false;

var $message = $('#totop a');

var $window = $(window);

var top = $(document.body).children(0).position(0).top;

$window.scroll(function () {

window.clearTimeout(scroll_timer);

scroll_timer = window.setTimeout(function () {

if($window.scrollTop() <= top)

{

displayed = false;

$message.fadeOut(500);

}

else if(displayed == false)

{

displayed = true;

$message.stop(true, true).show().click(function () { $message.fadeOut(500); });

}

}, 100);

});

</script>

Här är koden klistrar du in i kodmallen under koden <body>:

$(function () {

var scroll_timer;

var displayed = false;

var $message = $('#totop a');

var $window = $(window);

var top = $(document.body).children(0).position(0).top;

$window.scroll(function () {

window.clearTimeout(scroll_timer);

scroll_timer = window.setTimeout(function () {

if($window.scrollTop() <= top)

{

displayed = false;

$message.fadeOut(500);

}

else if(displayed == false)

{

displayed = true;

$message.stop(true, true).show().click(function () { $message.fadeOut(500); });

}

}, 100);

});

</script>

Den här klistrar du in längst ner i stilmallen:

#totop a

{

display: block;

display: none;

z-index: 999;

opacity: .8;

position: fixed;

top: 100%;

margin-top: -80px;

float:right;

right:100px;

-moz-border-radius: 24px;

-webkit-border-radius: 24px;

width: 50px;

line-height: 48px;

height: 50px;

padding: 10px;

background-color: #000000; /* Du kan byta färg genom att du först tar bort #000 och skriver in den färg som ska visas när man inte hovrar */

font-size: 24px;

text-align: center;

color: #fff;

text-decoration:none;

}

#totop a:hover {

background: #; /*Färg när man hovrar! Byt ut #900 till en annan färg (om du vill) */

}

2012-03-16 @ 16:14:08 - Kategori: Frågor och svar | 0 kommentarer

Kommentarer

Trackback