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>
Преобразите свое пространство с профессионалами «СК Сити Строй”
Начать ремонт квартиры — это всегда волнующий и важный момент. Выбирая ремонт квартир под ключ, вы доверяете преображение своего жилища профессионалам с многолетним опытом. Компания ООО «СК СИТИ СТРОЙ» предлагает полный спектр услуг, начиная с дизайн-проекта и заканчивая уборкой после завершения всех работ.
Наши специалисты воплотят в жизнь любые ваши пожелания, будь то современный минимализм или классика. Мы используем только качественные материалы и обеспечиваем внимание к деталям на каждом этапе ремонтных работ. Посетите наш сайт remont-siti.ru, чтобы узнать больше о наших проектах и услугах.
Наши двери открыты для вас по адресу: 127055 г. Москва, ул. Новослободская, д. 20, к. 27, оф. 6. Мы гордимся нашими проектами и уверены, что сможем предложить именно то, что вы ищете. ООО «СК СИТИ СТРОЙ» — это выбор тех, кто стремится к совершенству в каждой детали своего дома.