Suchergebnisse

Ich habe den Flex-Container um 50px größer gemacht, ist es immer noch so, dass es sich verschiebt?

Japp das habe ich so gestyled, dass es ausgeblendet wird. Aber in voller Breite soll es angeblich runterrutschen! (Safari)

Hallo ein Kunde von mir meint, dass im Safari das Suchfeld nach unten drunter rutscht. Leider habe ich kein Safari auf dem PC, also frag ich mal, ob jemand mit Safari sich das anschauen kann? Vielen Dank Website

"Update" Ich habe noch eingefügt, wie man das als HTML in Wordpress einbaut: Sticky Buttons Tutorial

Hallo man kann ins Template direkt schreiben, davon wird aber abgeraten. Man kann aber ein Widget-Bereich unter dem Footer festlegen und über individuelles HTML den Schnipsel einfügen. Custom Sidebars Ja ich glaube ich nehme das mit auf im Tutorial!

Hallo, Script brauch man nur, wenn man die Wordpress-Variante nutzt, für die HTML-Version braucht man keinen JS-Code.

Hallo, ich war es leid nach passenden Plugins für Sticky Buttons zu suchen (Wordpress) und habe es dann händisch gelöst. Hier stelle ich das ganze noch als Tutorial vor - für HTML oder Wordpress. Sticky Buttons Tutorial Lasst gerne euer Feedback hier.

Mit echo einen Javascript-Array basteln. Den Rest wie gehabt über jQuery oder JS.

Man kann mit Pseudo-Klassen tricksen: https://codepen.io/Rafu/pen/VJYRyY

Mit purem Javascript schaut's so aus: const content = ["content 1","content 2","content 3","content 4","content 5"]; const buttons = document.querySelectorAll(".boxes > div"); const boxContent = document.querySelector(".box-content"); var index; for(i=0;i<buttons.length;i++) {...

Also, mit jQuery muss das $( document ).ready(function() { }); stehen und der Code da rein. Das Javascript würde ich ich vor dem schließenden </body> packen und genau wo steht overlay?

Also ich hab's getestet und es hat funktioniert. Wie hast du das Javascript eingebunden?

Hab mit Javscript was: .vis { opacity:0.5 !important; } #menubar { z-index:6000; background:transparent; } #overlay { pointer-events:none; } var toggle = true; document.querySelector(".hamburg").addEventListener("click", opacity); function opacity() { if(toggle) {...

.html() macht mehr Sinn ja! Und als direkter Erbe $(".boxes > div") auch.

Du kannst auf die ID's auch verzichten mit $(".boxes div").click(function () { });

Immer diese jQuery-Muffel hier :) const content = ["content 1","content 2","content 3","content 4","content 5"] $("#box-1,#box-2,#box-3,#box-4,#box-5").click(function () { $('.box-content').addClass('show'); let index = $(this).index()...

Warum nicht ein Click triggern: document.getElementById('myElementID').click(); Aber wenn du nur eine Form hast, bringt das nichts...

Bei src muss eine vailde Adresse stehen.

Also vom Design finde ich es sehr gelungen! Hut ab, dass du es schon soweit geschafft hast. Wäre Wordpress was für dich? Vielleicht mit Custom Widgets ein Theme umbauen, um das Design umzusetzen.

Also ich habe ein ähnliches Script für einen One Pager in Wordpress eingebunden. In Wordpress ist jQuery standardmäßig schon inkludiert, so ganz irrelevant ist es nicht!