Zum Inhalt springen
View in the app

A better way to browse. Learn more.

Fachinformatiker.de

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

[HTML] Klickbarer, nicht scrollbarer DIV-Inhalt

Empfohlene Antworten

Veröffentlicht

Hallo

Ich habe hier ein Div, in dem ich scrollbaren Inhalt habe. In diesem Div gibt es aber auch noch weiteren Inhalt, der nicht scrollbar sein soll.

Wie kriege ich es hin, dass dieser nicht scrollbare Inhalt als Link funktioniert, aber trotzdem (mit z-index?) hinter der Scrollbar verschwindet?

was genau möchtest du ?

nicht-scrollbaren inhalt "hinter" der Scrollleiste ?

oder hinter dem Scrollbaren inhalt ?

Beispiel ?

Hinter der Scrollbar, aber vor dem scrollbaren Inhalt

Sowas?


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"

"http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>

<title>Scroll-Test</title>

<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">

</head>

<body>


  <div style="overflow: auto; height: 250px; width: 100px;">

  <a style="position: fixed; top: 50px; left: 10px; color: #ff0000;" href="#">Blubb</a>

    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum sed leo sit amet est suscipit porta. Mauris nec nisl. Morbi velit lacus, cursus non, tincidunt nec, varius ornare, magna.

  </div>

</body>

</html>

EDIT:

position: fixed geht beim IE erst ab Version 7.

Für andere IE: /IE7/

EDIT2:

Ups... das hinter der Scrollbar hab ich nicht probiert...

Kann mir das aber auch nicht vorstellen. "Hinter" der Scrollbar hieße ja in der Box, aber die Box bricht den Inhalt ja um, wenn die Scrollbar angezeigt wird.

Hat sich grade erledigt.

Ich darf es anders lösen.

Archiv

Dieses Thema wurde archiviert und kann nicht mehr beantwortet werden.

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.