Hallo,
ich hab folgendes Problem. Ich komm einfach nicht weiter sitz schon 8 Stunden dran und es klappt einfach nicht.
Auf folgender Seite hab Ich einen Code gefunden, der es ermöglicht beim Scrollen eine Button mit runter scrollen zu lassen.
DIESES WILL ICH HABEN: http://jsfiddle.net/samuraii/sc9jycd7/2/
In der
Twenty Eleven: Main Index Template (index.php hab ich folgendes CODE eingefügt:
Code
<script>
$(window).scroll(function() {
var winScrollTop = $(window).scrollTop();
var winHeight = $(window).height();
var floaterHeight = $('#floaterr').outerHeight(true);
var fromBottom = 20;
var top = winScrollTop + winHeight - floaterHeight - fromBottom;
$('#floaterr').css({'top': top + 'px'});
});
</script>
<div id="floaterr"><a href="https://www.youtube.com/channel/UCLW9HCm6_eLUz1NVegQ86HA?sub_confirmation=1"> <img class="wp-image-928 alignnone" style="border: 0px;" alt="wegfahrsperre_deaktivieren" src="http://www.steuergeraet-rep24.de/wordpress/wp-content/uploads/2016/10/abonnieren.png" width="177" height="116" /></a></div>Und in CSS hab ich diesen eingefügt.
CSS CODE wird angezeigt bzw. ausgeführt. Jedoch wird der JAVASCRIPT CODE NICHT AUSGEFÜHRT.
Code
#floaterr {
position: absolute;
top: 20px;
right: 100px;
width: 100px;
height: 100px;
-webkit-transition: all 2s ease-in-out;
transition: all 2s ease-in-out;
z-index: 1;
border-radius: 3px 0 0 3px;
padding: 1px;
background-color: #41a6d9;
color: white;
text-align: center;
box-sizing: border-box;
}Der Button wird rechts angezeigt jedoch bewegt er sich nicht.
Website: http://www.steuerger%c3%a4t-rep24.de
Danke!!