Scroll Div e Body

[Eniade]

Salve a tutti,
ho cercato bene nel forum se trovavo la risposta alla domanda, ma niente da fare.
la situazione è questa:
in questo sito ho un box delle notifiche (es facebook), vorrei che quando hai scrollato tutte le notifiche dentro a questo div, non inizi a scrollare anche il body.
come fa ad esempio facebook, twitter e simili.

Spero vivamente che sia possibile senza usare jQuery e quindi un comando css, anche se ahimè dubito.

[Nobody33]

in questo sito

Quale sito?

Lo posti un link, o un pezzo di codice (non tutta la pagina ;-) ?


Se vuoi che scrolli dentro un div dai un altezza e larghezza fissa con

overflow-y:scroll;

ma non so se è quello che vuoi

[Eniade]

Questa è la barra di menu:

<nav id="CntMenuSxLibreria" class="CntMenuSxLibreria">
		<div id="CntBarraRicLibreria" class="CntBarraRic">
		</div>
		<button type="button" id="POpere" class="PBarraSuperiore PSecondo"><?php echo $TxtPOpereBarra[$Lingua]; ?></button>
		<button type="button" id="PProfilo" class="PBarraSuperiore"><?php echo $TxtPNuovaOperaBarra[$Lingua]; ?></button>
		<div id="CntOpereBarraArtist" class="CntSecondo">
			<div id="RisCercaOpereBarraArtist">
                                <div id="Notifica1"></div>
				<div id="Notifica2"></div>
				<div id="Notifica3"></div>
				<div id="Notificaeccecc"></div>
			</div>

		</div>
	</nav>

ho questo div "CntOpereBarraArtist" che contiene una serie di notifiche.

questo è il suo css:

#CntOpereBarraArtist{
	display: none;
	position: absolute;
	width: 320px;
	height: 600px;
	background-color:#ededed;
	z-index: 5;
	margin-top: -5px;
	margin-left: 5px;
	-moz-border-radius: 4px ;
	-webkit-border-radius: 4px ;
	border-radius: 4px ;
	border: solid 1px #c8c7c7;
	overflow: auto;
	text-align: center;
	padding: 2px;
	}

io vorrrei che quando finisco di fare lo scrolling dentro a "CntOpereBarraArtist" non iniziasse a far scrollare il body.

[Nobody33]

Finché ti trovi dentro il div, ti scrolla solo il div. Quando esci fuori con il puntatore del mouse, è normale che ti scrolla tutta la pagina.

Prova ad incollarti solo il tuo codice che hai postato ed imposta la finestra a 200 px, aggiungendo qualche contenuto fittizio fuori e dentro la finestra.


Facendo cosi, scrollava solo la finestra, com'è ovvio. Quando si esce con il puntatore del mouse, ti scrolla tutta la pagina; comportamento normale.

Poi, non so se ho capito giusto.