Originariamente inviato da lucavizzi
Sei fortunato, l'ho integrato settimana scorsa.
E' in una funzione separata, mi serviva così...

codice:
	$( "#slider-vertical" ).slider({//inizializzo lo slider
			orientation: "vertical",
			range: "min",
			min: 0,
			max: 100,
			value: 100,
			slide: function( event, ui ) {
				noticesHeight=document.getElementById('avvisi').offsetHeight;//altezza totale degli avvisi
				maxMargin=defaultHeight-noticesHeight;
				var scrollAmount=100-ui.value;
				$('#avvisi').css( "margin-top", Math.round(
					scrollAmount / 100 * ( maxMargin )
				) + "px" );
			}
	});
	mousewheel();//integro il mouse

function mousewheel(){//integra rotellina mouse
	$('#avvisi')
	.live('mousewheel', function(event, delta) {
		var dir = delta > 0 ? 'Up' : 'Down';
		var actPos=$( "#slider-vertical" ).slider("value");
		//sposta il cursore dello slider
		if(dir=="Up"){
			newPos=actPos+10;
			$( "#slider-vertical" ).slider("value",newPos);
			
		}else{
			newPos=actPos-10;
			$( "#slider-vertical" ).slider("value",newPos);
		}
		//sposta i contenuti
		noticesHeight=document.getElementById('avvisi').offsetHeight;
		maxMargin=defaultHeight-noticesHeight;
		var scrollAmount=100-newPos;
		$('#avvisi').css( "margin-top", Math.round(
						scrollAmount / 100 * ( maxMargin )
					) + "px" );
		return false;
	});	
}
scusa una domanda, ma in html come è costruito? cioè hai questo:
<style>
#slider-vertical { float;left; background:#CCC; }
</style>
...
<div style="position:relative; float:left height:400px; overflow:hidden;">
<div id="avvisi"></div>
</div>
<div id="slider-vertical"></div>

è costruito cosi?