Automatisk scrolling af en div
HejsaJeg har et problem med en div indeholdende en række checkboxe med priser på et produkt. Den ser således ud:
<div id="product_prices">
<div class="price_option">
<input type="radio" class="no_border" name="pris" value="261092" id="price_261092" />
<label for="price_261092">Kr 250,00</label>
</div>
<div class="price_option">
<input type="radio" class="no_border" name="pris" value="261093" id="price_261093" />
<label for="price_261093">Kr 300,00</label>
</div>
<div class="price_option">
<input type="radio" class="no_border" name="pris" value="261094" id="price_261094" />
<label for="price_261094">Kr 350,00</label>
</div>
<div class="price_option">
<input type="radio" class="no_border" name="pris" value="261095" id="price_261095" checked="checked" />
<label for="price_261095">Kr 400,00</label>
</div>
<div class="price_option">
<input type="radio" class="no_border" name="pris" value="261096" id="price_261096" />
<label for="price_261096">Kr 450,00</label>
</div>
<div class="price_option">
<input type="radio" class="no_border" name="pris" value="261097" id="price_261097" />
<label for="price_261097">Kr 500,00</label>
</div>
<div class="price_option">
<input type="radio" class="no_border" name="pris" value="261098" id="price_261098" />
<label for="price_261098">Kr 550,00</label>
</div>
<div class="price_option">
<input type="radio" class="no_border" name="pris" value="261099" id="price_261099" />
<label for="price_261099">Kr 600,00</label>
</div>
</div>
Det er altså "product_prices" der er mit problem.
Som det er nu er dens højde fast, så de første 7 priser er synlige, men jeg vil gerne have, at hvis det er pris nummer 8 (eller højere) som er checked, altså default, at div'en så scroller et stykke ned. Det behøver ikke være dynamisk, bare en "side" eller et fastlagt antal pixels, men jeg kan ikke finde en løsning til dette.
Nogen der har en ide?
