技术阿道 2017-08-09 13:53 采纳率: 22.2%
浏览 1076
已采纳

JQUERY实现滚动条在输入的值的位置

页面已展现一排数据,比如10020,10021,10022,10023等等。然后有一个输入框,我要实现输入框中输入一个值比如是10028,那么滚动条就会移动到10028的位置。这个要如何实现,百度了很对都感觉不对劲。求教大神,拜托详细点谢谢。

  • 写回答

4条回答 默认 最新

  • Go 旅城通票 2017-08-10 01:21
    关注

    一排数据时几个意思?横排还是竖排?竖排用这个

    
    <style>div{line-height:30px}</style>
    <input type="text" onpropertychange="setScrollTop(this)" oninput="setScrollTop(this)" style="position:fixed;right:0;top:0;background:yellow;color:#f00" />
    <script>
        for(var i=10020,j=i+100;i<j;i++)document.write('<div>'+i+'</div>')
    </script>
    <script type="text/javascript" src="http://cdn.bootcss.com/jquery/1.7.1/jquery.min.js"></script>
    <script>
        function setScrollTop(el) {
            if (el.value == '') return;
            var div = $('div').filter(function () { return this.innerHTML == el.value });
            if (div.length) document.body.scrollTop = document.documentElement.scrollTop = div.offset().top;
        }
    </script>
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(3条)

报告相同问题?

悬赏问题

  • ¥15 seatunnel-web使用SQL组件时候后台报错,无法找到表格
  • ¥15 fpga自动售货机数码管(相关搜索:数字时钟)
  • ¥15 用前端向数据库插入数据,通过debug发现数据能走到后端,但是放行之后就会提示错误
  • ¥30 3天&7天&&15天&销量如何统计同一行
  • ¥30 帮我写一段可以读取LD2450数据并计算距离的Arduino代码
  • ¥15 飞机曲面部件如机翼,壁板等具体的孔位模型
  • ¥15 vs2019中数据导出问题
  • ¥20 云服务Linux系统TCP-MSS值修改?
  • ¥20 关于#单片机#的问题:项目:使用模拟iic与ov2640通讯环境:F407问题:读取的ID号总是0xff,自己调了调发现在读从机数据时,SDA线上并未有信号变化(语言-c语言)
  • ¥20 怎么在stm32门禁成品上增加查询记录功能