Grafik scrollen, dann oben fixieren

christian-juhasz schrieb am 21.09.2017 um 08:45 Uhr

Hallo,

ich bin auf der Suche nach der Funktion, dass man eine Grafik oder ein Element unter ein Bild stellt, das beim scrollen mit nach oben läuft, dann aber am oberen Rand beim weiteren Scrollen stehenbleibt.

Prinzipiell wie auf der Demohomepage: http://www.previews.xara.hosting/fresh/

Mit Web-Animation -> Auftauchen/Blättern habe ich es schon versucht, aber keine Lösung gefunden.

 

Gruss, Chris

 

Windows 7 Pro 64 bit mit SP 1, AMD FX-8530 4.00 GHz, 16 GB DDR4, GTX 1070 8 GB, 2x Lenovo L24Q-10, MAGIX Web Designer Premium 16.2.1.57326  DL x64 Aug 15 2019, MAGIX Audio & Music Lab Premium, HTML-Level: Depp!

Kommentare

BilderMacher schrieb am 21.09.2017 um 09:03 Uhr

Um ein Objekt zu fixieren, nutze bitte die entsprechende Funktion.

Das fixierte Objekt muss im Vordergrund angeordnet werden, damit alles andere dahinter durchscrollen kann.

"Je mehr die Menschen wissen, desto weniger müssen sie glauben!"

+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
Ich kann vieles, darf aber nicht alles.
+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+

-------------

Hardware / Software:
::::::::::::::::::::::::::::::::::::++++:::::::::::::::::::::::::::::::::::::::::::::::::

Intel(R) Core(TM) i7-10510U CPU @ 1.80GHz (8 CPUs), ~2.3GHz
12288 MB RAM
DirectX 12
 

Intel(R) UHD Graphics (für Import, Verarbeitung, Export)

NVIDIA GeForce MX250 (wird nicht in Schnitt-SW verwendet)

  • Video deluxe 2016 Premium
  • Video deluxe 2025 Premium
  • Video Pro X 16
  • Photostory Deluxe 2025
  • Samplitude X7 Suite
  • ACID Pro 11
  • Music Maker 2025 Premium
  • MAGIX/XARA Graphic-/Web-Designer

-----------------------------------------------------------------------------------

Edition    Windows 10 Home
Version    22H2
Installiert am    ‎15.‎10.‎2020
Betriebssystembuild    19045.5011
Leistung    Windows Feature Experience Pack 1000.19060.1000.0

------------------------------------------------------------------------------------

Standardbrowser: Mozilla Firefox 134.0.0 (64-Bit)

👶-Boomer

christian-juhasz schrieb am 21.09.2017 um 09:23 Uhr

Hallo BilderMacher,

 

danke für die schnelle Antwort.

Mir geht es nicht um das Fixieren an sich. Die Funktion ist mir bekannt. Schau Dir mal bitte die Page auf dem obigen Link an. Dort ist ein Foto und darunter eine Kopfzeile mit Buttons zu sehen. Scrollt man los, bewegen sich beide nach oben. Das Bild verschwindet oben raus, die Kopfzeile hingegen bleibt am oberen Bildrand stehen. Der nachfolgende Text scrollt dann unter dieser Kopfzeile durch.

Das soll mein Ergebnis sein

Gruss, Chris

Zuletzt geändert von christian-juhasz am 21.09.2017, 09:28, insgesamt 3-mal geändert.

Windows 7 Pro 64 bit mit SP 1, AMD FX-8530 4.00 GHz, 16 GB DDR4, GTX 1070 8 GB, 2x Lenovo L24Q-10, MAGIX Web Designer Premium 16.2.1.57326  DL x64 Aug 15 2019, MAGIX Audio & Music Lab Premium, HTML-Level: Depp!

BeRo schrieb am 21.09.2017 um 09:31 Uhr

[...] die Kopfzeile hingegen bleibt am oberen Bildrand stehen [...]

@BilderMacher hat Dir ja genau dazu die Lösung aufgezeigt.
Probier's doch einfach mal aus, indem Du ein Objekt mit der Option "oben fixieren" anlegst und dann den Seiteninhalt scrollst...

Auf den Tag genau gehen heute, am 14.08.2021, 10 Jahre online Support für die Community zu Ende.
Ich freue mich auf eine neue, berufliche Herausforderung, die sich gerade ergeben hat. Leider bleibt dann keine Zeit mehr für die Community übrig, aber Ihr seid bei den aktiven Mitgliedern in besten Händen.
Sicher schaue ich auch ab und zu nochmal rein... 🤓

christian-juhasz schrieb am 21.09.2017 um 09:34 Uhr

Sorry an beide, das OBEN FIXIEREN hab ich total übersehen. 😆

Manchmal reicht halt ein Zaunpfahl nicht aus.

 

Gruss, Chris

Windows 7 Pro 64 bit mit SP 1, AMD FX-8530 4.00 GHz, 16 GB DDR4, GTX 1070 8 GB, 2x Lenovo L24Q-10, MAGIX Web Designer Premium 16.2.1.57326  DL x64 Aug 15 2019, MAGIX Audio & Music Lab Premium, HTML-Level: Depp!

BilderMacher schrieb am 21.09.2017 um 13:27 Uhr

Ok. Wenn die Seite dann fertig ist, lässt du uns am Ergebnis teilhaben. 🙂😉

"Je mehr die Menschen wissen, desto weniger müssen sie glauben!"

+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
Ich kann vieles, darf aber nicht alles.
+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+

-------------

Hardware / Software:
::::::::::::::::::::::::::::::::::::++++:::::::::::::::::::::::::::::::::::::::::::::::::

Intel(R) Core(TM) i7-10510U CPU @ 1.80GHz (8 CPUs), ~2.3GHz
12288 MB RAM
DirectX 12
 

Intel(R) UHD Graphics (für Import, Verarbeitung, Export)

NVIDIA GeForce MX250 (wird nicht in Schnitt-SW verwendet)

  • Video deluxe 2016 Premium
  • Video deluxe 2025 Premium
  • Video Pro X 16
  • Photostory Deluxe 2025
  • Samplitude X7 Suite
  • ACID Pro 11
  • Music Maker 2025 Premium
  • MAGIX/XARA Graphic-/Web-Designer

-----------------------------------------------------------------------------------

Edition    Windows 10 Home
Version    22H2
Installiert am    ‎15.‎10.‎2020
Betriebssystembuild    19045.5011
Leistung    Windows Feature Experience Pack 1000.19060.1000.0

------------------------------------------------------------------------------------

Standardbrowser: Mozilla Firefox 134.0.0 (64-Bit)

👶-Boomer