Zobrazit příspěvky
361
Vývoj / Javascript autoscroll pre div
« kdy: 28. 05. 2019, 11:26:06 »
Dobry den.
Potreboval by som poradit ako spravit autoscroll len pre div.Teda aby sa obsah pohyboval hore a dole dookola.
Nemam vsak az take skusenosti tak by som sa rad poradil, resp. budem vdacny aj za omacku "je to preto lebo". V kode mam toto
Skusal som modifikovat script tak ze som namiesto body volal list-group-item d-md-flex justify-content-between align-items-center ale popravde to bola chyba a netusim uplne ako s tym pohnut.
Potreboval by som poradit ako spravit autoscroll len pre div.Teda aby sa obsah pohyboval hore a dole dookola.
Nemam vsak az take skusenosti tak by som sa rad poradil, resp. budem vdacny aj za omacku "je to preto lebo". V kode mam toto
Kód: [Vybrat]
//scroll to bottom
setInterval(function(){
//time to scroll to bottom
$("html, body").animate({ scrollTop: $(document).height() }, 1000);
//scroll to top
setTimeout(function() {
$('html, body').animate({scrollTop:0}, 8000);
},2000);//call every 2000 miliseconds
},500);v htmlKód: [Vybrat]
<ul class="list-group list-group-flush">
@foreach($games as $game)
<li class="list-group-item d-md-flex justify-content-between align-items-center">
<div>
<h5>{{ __('app.game_' . class_basename(get_class($game->gameable))) }}</h5>
<p class="card-text mb-1">{{ $game->gameable->result }}</p>
<p class="card-text">
<small class="text-muted">
{{ __('Played by') }}
<a href="{{ route('frontend.users.show', $game->account->user) }}">{{ $game->account->user->name }}</a>
{{ $game->created_at->diffForHumans() }}
</small>
</p>
</div>
<div class="mt-2 mt-md-0">
<span class="badge badge-primary badge-pill p-2">
{{ __('Bet :x', ['x' => $game->_bet]) }}
</span>
<span class="badge badge-primary badge-pill p-2">
{{ __('Win :x', ['x' => $game->_win]) }}
</span>
</div>
</li>
@endforeach
</ul>Skusal som modifikovat script tak ze som namiesto body volal list-group-item d-md-flex justify-content-between align-items-center ale popravde to bola chyba a netusim uplne ako s tym pohnut.
