Jquery 移动设备和autoscroll上的jticker.js_Jquery_Mobile_Scroll

Jquery 移动设备和autoscroll上的jticker.js

jquery mobile scroll

Jquery 移动设备和autoscroll上的jticker.js,jquery,mobile,scroll,Jquery,Mobile,Scroll,我正在使用jticker.js打印数据在大屏幕上一切正常，但在小的移动屏幕上，我希望滚动继续打印数据，我的问题是在移动设备的高度填满后没有滚动如何将autoscroll添加到知道如何滚动数据的代码中以下是我的代码演示：这是我的密码： <title>jticker | Demo</title> <meta name="viewport" content="width=device-width, initial-scale=1">

我正在使用jticker.js打印数据

在大屏幕上一切正常，但在小的移动屏幕上，我希望滚动继续打印数据，我的问题是在移动设备的高度填满后没有滚动

如何将autoscroll添加到知道如何滚动数据的代码中

以下是我的代码演示：

这是我的密码：

    <title>jticker | Demo</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <style type="text/css" media="screen, projection">

      #ticker
        {height: auto; padding: 0.6em 0; margin: 0 0 1.8em 0; border-top:3px solid #efefef; border-bottom:3px solid #efefef; position: relative;}
      #ticker .cursor
        {display: inline-block; background: #565c61; width: 0.6em; height: 1em; text-align: center;}
      #ticker p
        {margin-bottom: 0.8em;}
      #ticker code
        {margin: 0.4em 0.4em; display: block;}
      #ticker .next 
        {position: absolute; bottom: 1em;}
    </style>
    <script type="text/javascript" src="./jticker3   Demo_files/jquery-1.3.2.min.js"></script>
    <script type="text/javascript" src="./jticker3   Demo_files/jquery.jticker.js"></script>
    <script type="text/javascript">

      jQuery(document).ready(function(){
        // Instantiate jTicker 
        jQuery("#ticker").ticker({
            cursorList:  " ",
            rate:        10,
            delay:       4000
        }).trigger("play").trigger("stop");

        // Trigger events 
        jQuery(".stop").click(function(){
            jQuery("#ticker").trigger("stop");
            return false;
        });

        jQuery(".play").click(function(){
            jQuery("#ticker").trigger("play");
            return false;
        });




        jQuery(".style").click(function(){
            jQuery("#ticker")
            .trigger({
                type: "control",
                cursor: jQuery("#ticker").data("ticker").cursor.css({width: "4em", background: "#efefef", position: "relative", top: "1em", left: "-1em"})
            })
            return false;
        });

      });


    </script>

    </head>

    <body cz-shortcut-listen="true">

    <div id="content">

      <h2 style="text-align:center;">Demo</h2>
      <div id="ticker">
        <div>
            <h3>Cart:</h3>
            <ul style="margin-bottom:40px;">
                    <li>Price : 100 euro</li>
                    <li>Price : 100 euro</li>
                    <li>Price : 100 euro</li>
                    <li>Price : 100 euro</li>
                    <li>Price : 100 euro</li>
                    <li>Price : 100 euro</li>
                    <li>Price : 100 euro</li>
                    <li>Price : 100 euro</li>
                    <li>Price : 100 euro</li>
                    <li>Price : 100 euro</li>
                    <li>Price : 100 euro</li>
                    <li>Price : 100 euro</li>
                    <li>Price : 100 euro</li>
                    <li>Price : 100 euro</li>           
            </ul>

                    <a class="next" href="http://www.thepixelart.com/demo/jticker/#" >Total: 109$</a>
        </div>
      </div>



    </div>

jticker |演示
#股票行情
{高度：自动；填充：0.6em 0；边距：0 0 1.8em 0；边框顶部：3px实心#efefef；边框底部：3px实心#efefef；位置：相对；}
#股票代码光标
{显示：内联块；背景：#565c61；宽度：0.6em；高度：1em；文本对齐：中心；}
#股票代码p
{页边距底部：0.8em；}
#股票代码
{边距：0.4em 0.4em；显示：块；}
#下一个
{位置：绝对；底部：1em；}
jQuery（文档）.ready（函数（）{
//实例化jTicker
jQuery（“股票代码”）.ticker({
游标列表：“”，
比率：10，
延误：4000
})触发（“播放”）。触发（“停止”）；
//触发事件
jQuery（“.stop”）。单击（函数（）{
jQuery（“#ticker”）.trigger（“stop”）；
返回false；
});
jQuery（“.play”）。单击（函数（）{
jQuery（“股票代码”）。触发器（“播放”）；
返回false；
});
jQuery（“.style”）。单击（函数（）{
jQuery（“股票代码”）
.扳机({
类型：“控制”，
游标：jQuery（“#ticker”）.data（“ticker”）.cursor.css（{宽度：“4em”，背景：“efefef”，位置：“relative”，顶部：“1em”，左侧：“-1em”}）
})
返回false；
});
});
演示
购物车：

价格：100欧元
价格：100欧元
价格：100欧元
价格：100欧元
价格：100欧元
价格：100欧元
价格：100欧元
价格：100欧元
价格：100欧元
价格：100欧元
价格：100欧元
价格：100欧元
价格：100欧元
价格：100欧元

好的，我找到了答案：

我刚刚在代码中添加了以下内容：

      $('html, body').animate({
         scrollTop: $(document).height()
        },
       4000);