jQuery 实现新闻列表上下来回滚动

jQuery 实现新闻列表上下来回滚动

实现效果如图,来来回滚动,也可手动上下滚动

xiaoguo

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>

Css代码

<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>

90 thoughts on “jQuery 实现新闻列表上下来回滚动
  1. MaryskaSr4022 2023/11/09 14:02  22

    XEvil 6.0 автоматически решает большинство типов капч,
    В том числе такой тип капчи: ReCaptcha v.2, ReCaptcha-3, Hotmail (Microsoft), Google, Solve Media, BitcoinFaucet, Steam, +12k
    + hCaptcha, ArkoseLabs FunCaptcha поддерживается в новом XEvil 6.0!

    1.) Быстро, легко, точно
    XEvil – самый быстрый убийца капчи в мире. У него нет ограничений на решение, нет ограничений на количество потоков
    вы можете решить даже 1.000.000.000 капч в день, и это будет стоить 0 (НОЛЬ) долларов США! Просто купите лицензию за 59 долларов США и все!

    2.) Поддержка нескольких API-интерфейсов
    XEvil поддерживает более 6 различных всемирно известных API: 2Captcha, anti-captchas.com (antigate), RuCaptcha, DeathByCaptcha, etc.
    просто отправьте свою капчу через HTTP-запрос, как вы можете отправить в любой из этих сервисов – и XEvil разгадает вашу капчу!
    Итак, XEvil совместим с сотнями приложений для SEO / SMM / восстановления паролей / парсинга /публикации / кликов / криптовалюты / и т.д.

    3.) Полезная поддержка и руководства
    После покупки вы получили доступ к частному форуму технической поддержки, Wiki, онлайн-поддержке Skype/Telegram
    Разработчики обучат XEvil вашему типу captcha бесплатно и очень быстро – просто пришлите им примеры

    4.) Как получить бесплатную пробную версию полной версии XEvil?
    – Попробуйте поискать в Google “Home of XEvil”
    – вы найдете IP-адреса с открытым портом 80 пользователей XEvil (нажмите на любой IP-адрес, чтобы убедиться)
    – попробуйте отправить свою капчу через 2captcha API на один из этих IP-адресов
    – если вы получили ошибку с НЕПРАВИЛЬНЫМ КЛЮЧОМ, просто введите другой IP-адрес
    – наслаждайтесь! 🙂
    – (это не работает для hCaptcha!)

    ВНИМАНИЕ: Бесплатная ДЕМО-версия XEvil не поддерживает reCAPTCHA, hCaptcha и большинство других типов captcha!

    http://XEvil.Net/

Comments are closed.

添加一条新回复 回到顶部

亲爱的,主人已经关闭了这篇文章的评论 。