jQuery 实现新闻列表上下来回滚动
实现效果如图,来来回滚动,也可手动上下滚动
js 代码
<code>
/*/public/js/web/v2021/view/news/newsdynamic.js*/
$(document).ready(function(e) {
stopscroll=false;
$('.list').hover(function(){stopscroll=true},function(){stopscroll=false});
var up=true;
setInterval(function(){
if(stopscroll){return false;}
if(up&&$('.list').scrollTop()<$('.list li').outerHeight()*($('.list li').length-12)){
$('.list').scrollTop($('.newsdynamic .list').scrollTop()+1);
}else{
up=false;
$('.list').scrollTop($('.list').scrollTop()-1);
if($('.list').scrollTop()==0){
up=true;
}
}
},30);
});
</code>
/*/public/js/web/v2021/view/news/newsdynamic.js*/
$(document).ready(function(e) {
stopscroll=false;
$('.list').hover(function(){stopscroll=true},function(){stopscroll=false});
var up=true;
setInterval(function(){
if(stopscroll){return false;}
if(up&&$('.list').scrollTop()<$('.list li').outerHeight()*($('.list li').length-12)){
$('.list').scrollTop($('.newsdynamic .list').scrollTop()+1);
}else{
up=false;
$('.list').scrollTop($('.list').scrollTop()-1);
if($('.list').scrollTop()==0){
up=true;
}
}
},30);
});
</code>
Css代码
<code>
.list {
width: 500px;
height: 456px;
overflow: auto;
margin-right: -20px;
padding-right: 20px;
}
</code>
.list {
width: 500px;
height: 456px;
overflow: auto;
margin-right: -20px;
padding-right: 20px;
}
</code>
html代码
<code>
<div class="list">
<li>111111111111111111111</li>
<li>222222222222222222222</li>
<li>333333333333333333333</li>
<li>?????????????????????</li>
</div>
</code>
Турция известна не только своей богатой историей и уникальной культурой, но и захватывающими сериалами, которые покорили сердца миллионов зрителей по всему миру. И если вы ищете, где можно смотреть турецкие сериалы бесплатно, то у нас для вас есть отличная новость. Существует множество онлайн-платформ, где вы можете наслаждаться любимыми сериалами без дополнительных затрат.
Один из самых популярных жанров — это, конечно же, турецкие драмы. Они полны страстных любовных историй, сложных семейных отношений и непредсказуемых поворотов сюжета. Но если вы предпочитаете более легкий жанр, то турецкие комедийные сериалы — это именно то, что нужно для веселого и непринужденного вечера.
Смотреть турецкие сериалы онлайн стало еще проще благодаря удобным интерфейсам сайтов и быстрой навигации. Вы можете выбирать сериалы по жанру, популярности или году выпуска. А благодаря возможности смотреть сериалы с русскими субтитрами или дубляжом, языковой барьер больше не проблема.
Так что, если вы еще не знакомы с турецкими сериалами или уже являетесь их преданным фанатом, то не упустите шанс погрузиться в мир захватывающих историй и ярких эмоций, которые они могут вам подарить. И помните, для настоящих ценителей турецких сериалов всегда найдется место, где их можно смотреть бесплатно и с удовольствием.