Autoscroll di un toogle usando bootstrap

[allin81]

Salve ragazzi
utilizzo bootstrap come framework ed in una pagina ho un link chiamato "dettagli" dove cliccandoci fa aprire un toogle mostrando il testo dei dettagli.

Ho notato pero' che molti utenti quando cliccando su "dettagli" si aspettano o che si apra una nuova pagina oppure non vedono che in basso e' sceso un pezzo di pagina mostrando il testo che prima era nascosto.

Vorrei poter fare autoscrollare verso l'alto la parte relativa ai dettagli del prodotto.
L'ho visto in alcuni siti, sapete se e come e' possibile farlo?

Grazie

[cavicchiandrea]

Si nella funzione che esegui l'apertura metti scrollTop(distanza-dal-top-che-ti-serve)

[allin81]

Ho dato uno sguardo al codice del file bootstrap.min.js e la parte che parla del collapse è lunghissima e non saprei dove mettere mano per non fare guai.
Direttamente sul link nella pagina che apre il collapse non potrei farlo in qualche modo?

<div class="offer-row" data-toggle="collapse" data-target="#collapseExample<?=$id_offerta?>" aria-expanded="false" aria-controls="collapseExample">
            <button type="button" class="btn btn-warning prenota">Dettagli Offerta</button>

[cavicchiandrea]

Mettere un'ancora dove si apre il dettaglio e aggiungere un onclick al button che rimanda all'ancora non è il massimo e non so se funziona, posizionare il dettaglio affianco al button così da non dover scrollare

[allin81]

ciao andrea
non ho ben capito cosa intendi

Quello che ho postato e' l'attuale codice che utilizzo per aprire i dettagli ma che non scrolla e funziona bene.

Vorrei poter far autoscrollare quel pezzo di pagina senza andare a modificare il file bootstrap.min.js ma aggiungendo qualcosa proprio alla pagina dove sto cercando di far vedere questi dettagli

[cavicchiandrea]

ciao andrea
non ho ben capito cosa intendi

Quello che ho postato e' l'attuale codice che utilizzo per aprire i dettagli ma che non scrolla e funziona bene.

Vorrei poter far autoscrollare quel pezzo di pagina senza andare a modificare il file bootstrap.min.js ma aggiungendo qualcosa proprio alla pagina dove sto cercando di far vedere questi dettagli

non credo sia possibile

[allin81]

Quindi devo aggiungere il codice al file bootstrap.min.js?

[cavicchiandrea]

Forse non uso bootstrap

[Vindav]

non devi modificare il file di boostrap.

http://getbootstrap.com/javascript/#collapse-events

[allin81]

quindi come potrei modificare il mio codice?
Dicono di fare cosi, ma in fai qualcosa cosa dovrei far fare?

$('#CollapseExample').on('show.bs.collapse', function () {
  // do something…
})

Credo di averlo modificato in parte, ma non ho capito cosa aggiungere al posto di do something...