Wenn man vertikal scrollt taucht plötzlich ein Böxchen auf.
$(document).ready(function() {
var $wrapHeight = $('#wrap').height();
var startDistance = ($wrapHeight)/4
$(window).scroll(function() {
var scrollTop = $(document).scrollTop();
if (scrollTop > startDistance) {
$('#articleMore').fadeIn("slow");
} else {
$('#articleMore').fadeOut("slow");
}
});
$('.articleMore_close').click(function(){
$('#articleMore').addClass('boxclosed');
return false;
});
});
Das Böxchen bleibt dann im Ecken „kleben“.
Zum Beispiel für Hinweis, Vorschlag, Kontaktaufnahme. Ist mir schon zu verwirrend. Aber als Designpattern für lange Seiten kann man es vielleicht gebrauchen.
Als Hilfe-System? Ein Hilfe-System kann man einfacher machen.
Zum Beispiel Textlinks
Das könnte man aber auch mit Tooltips machen. Etwas aufwändiger für Handy.
Interessanter Link: http://heelhook.github.io/chardin.js/
Fortsetzung folgt…
DEMO-Code: Noch nicht brauchbar.
Das Script ist überhaupt nicht gelöst.
