Scroll to top plugin bij content fixed height

Status
Niet open voor verdere reacties.

damnsharp

Terugkerende gebruiker
Lid geworden
6 jan 2012
Berichten
1.414
Bij een WordPress website heb ik ingesteld dat er een vaste hoogte is. Daar werkt de scroll to top plug-in die ik gebruik (meerdere getest) niet.
Is er een plug-in die dit wel goed doet of is er een programmeer tip te geven?

Code:
.entry-content {
    height: 310px;
    overflow: auto;
}
 
Aanvulling, ik heb hem met jquery en css gemaakt bij de volgende test website en die werkt alleen als je bijv. browser scherm smaller maakt en naar beneden scrollt. Maar dus niet bij de content waar ook scroll balk is.
Mij lijkt dat het daarmee toch ook moet kunnen?

html code gebruikt:
Code:
<!-- BEGIN CONTENT -->
<div id="content"> 

<!-- BEGIN SCROLL TO TOP  -->
<a id="goTop">Top</a>
<!-- EIND SCROLL TO TOP  -->
        
<h1>H1 Lorem</h1>

css:
Code:
#goTop{
    background:red;
    padding:5px;
    position:fixed;
    top:-100px;
    right:10px;
}

script gebruikt:
Code:
    <!-- jquery tbv scroll to top -->
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>

	<script>	
	$(document).ready(function() {
		$(window).scroll(function() {
			if($(this).scrollTop() > 100){
				$('#goTop').stop().animate({
					top: '20px'    
					}, 500);
			}
			else{
				$('#goTop').stop().animate({
				   top: '-100px'    
				}, 500);
			}
		});
		$('#goTop').click(function() {
			$('html, body').stop().animate({
			   scrollTop: 0
			}, 500, function() {
			   $('#goTop').stop().animate({
				   top: '-100px'    
			   }, 500);
			});
		});
	});   
	</script>

Bedankt voor meedenken.
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan