Hallo zusammen
ich würde auf meiner Seite gerne folgendes Script verwenden
https://ajax.googleapis.com/ajax/libs/j ... ery.min.js
leider funktioniert dann das Menü Organisationseinstellungen nicht mehr.
hat jemand eine Idee wie ich dies Problem lösen kann?
gruss
MoM
jquery
Re: jquery
Hallo Momo,
wir nutzen in Admidio dieses Sçript auch. Wahrscheinlich gibt es jetzt Probleme wenn es 2x und in verschiedenen Version eingebunden ist.
Wir nutzen aktuell die Version 1.8.3. Wenn du keine höhere Version brauchst, dann nutz doch innerhalb von Admidio einfach diese und binde sie nicht neu ein.
Gruß
Fasse
wir nutzen in Admidio dieses Sçript auch. Wahrscheinlich gibt es jetzt Probleme wenn es 2x und in verschiedenen Version eingebunden ist.
Wir nutzen aktuell die Version 1.8.3. Wenn du keine höhere Version brauchst, dann nutz doch innerhalb von Admidio einfach diese und binde sie nicht neu ein.
Gruß
Fasse
Re: jquery
Hallo Fasse
momentan sieht der code so aus.
wie müsste ich den den jquery von admidio hier einbinden ?
ich will das menü bis an den Bildschirmrand mitscrollen und dann fixieren.
gruß und vielen Dank
momo
momentan sieht der code so aus.
Code: Alles auswählen
<head>
<meta charset="utf-8" />
<title>Spalten</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<style type="text/css">
/*<![CDATA[*/
#wrapper {
position: fixed;
background: blueviolet;
top: 10px;
right: 0;
left: 0;
}
.realcontent {
margin-top: 480px; /* 200 + 150 + 100 + etwas Padding */
}
#logo, #numbers, #menu, #subline {
border: 1px solid #ccc;
overflow: hidden;
}
#logo { height: 200px; }
#numbers { height: 150px; }
#menu { height: 100px; }
.container {
height:200px;
border:#000033 solid 1px;
widows:80%;
background:#009900;
}
/*]]>*/
</style>
<script type="text/javascript">
/*<![CDATA[*/
function Collapser(items, delayFactor)
{
/* Bei einem Verzögerungsfaktor von 1 wird für jeden Pixel "Scrollhöhe" die
* Höhe der Elemente um 1 Pixel verringert. Bei einem Faktor von 2 bei jedem
* zweiten Pixel usw. Anders gesagt: Je höher der Faktor, desto langsamer
* verschwinden die Elemente
*/
this.delayFactor = 1;
this.items = [];
this.__construct = function (items, delayFactor)
{
if (items === undefined) {
throw "No items passed to Collapser constructor";
}
if (delayFactor !== undefined) {
this.delayFactor = delayFactor;
}
(function (myself) {
$.each(items, function () {
myself.items.push((function (elemRef) {
return {
ref : elemRef,
defaultHeight: $(elemRef).height()
};
}($(this))));
});
myself.items.reverse();
}(this));
};
this.refresh = function ()
{
var py = Math.round(window.pageYOffset / this.delayFactor),
newHeight = 0;
$.each(this.items, function (unused, elem) {
newHeight = elem.defaultHeight;
if (py > 0) {
newHeight = elem.defaultHeight - py;
py -= (newHeight > 0) ? elem.defaultHeight - newHeight
: elem.defaultHeight;
}
$(elem.ref).css({
'height' : newHeight + 'px',
'display': ((newHeight > 0) ? 'block' : 'none')
});
});
};
this.__construct(items, delayFactor);
}
$(function () {
var collapser = new Collapser($('.collapsible'), 1);
$(window).bind('scroll', function () {
collapser.refresh();
});
});
/*]]>*/
</script>
</head>
<body>
<div id="wrapper">
<div id="logo" class="collapsible">#logo</div>
<div id="numbers"class="collapsible">#numbers</div>
<div id="menu">#menu</div>
</div>
<div class="realcontent">
<div class="container" >#subline</div>
<div class="container" >#subline</div>
<div class="container" >#subline</div>
<div class="container" >#subline</div>
<div class="container" >#subline</div>
<div class="container" >#subline</div>
<div class="container" >#subline</div>
<div class="container" >#subline</div>
<div class="container" >#subline</div>
<div class="container" >#subline</div>
<div class="container" >#subline</div>
<div style="height: 3000px;"></div>
</div>
</body>
</html>ich will das menü bis an den Bildschirmrand mitscrollen und dann fixieren.
gruß und vielen Dank
momo
