Question

显示计划表：我想要的和我已经做过的事情：

在一个页面中显示两个html-Pages（大多数都是一个表格）。这两个页面是从软件生成的，我想将它们显示出来一页（例如，使用iframe）
如果这些页面中的一个或两个都达到高度，我希望它们具有动画效果滚动到最后，添加相同的页面并再次设置动画（无尽的动画滚动到顶部）。我用JQuery成功了。问题：
动画需要大量的CPU，动画在很多计算机上不顺利，内容不再可读。

示例见这里： http://www.clipp.de/V/EndlessScrollEinfach.html

什么是更好的方法？也许转换页面首先在Jpeg中显示然后显示它。但是我如何在jpeg或png中转换html？

是否可以在后台加载页面？我需要在每次完整动画后刷新内容。

感谢您的想法和帮助。

＆＃13;

$("#idIframeHeute1").load(function() {
                                                            this.style.height =
                                                            this.contentWindow.document.body.offsetHeight + 'px';
                                                            heightTodayTable     = this.contentWindow.document.body.offsetHeight;
                                                            // alert("totalHeight: " + totalHeight + ",   hHeute:" + hHeute);
                                                            
                                                            
                                                            
                                                            if(totalHeight <= (heightTodayTable))
                                                            {
                                                            $(".rectangle").animate({
                                                                                    bottom: heightTodayTable   // Width
                                                                                    }, scrollTime, 'linear' );  // Tempo
                                                            }
                                                            else
                                                            {
                                                            $("#idIframeHeute2").hide();
                                                            $("#heuteDiv").css({
                                                                               position:'absolute',
                                                                               top: 50
                                                                               });
                                                            
                                                            }
                                                            

                                                            
                                                            });

＆＃13;

Answer 1

为什么不尝试ajax而不是iframe。由于它不是跨域，因此可以并且可以顺利运行。

$('#heuteDiv').load('VertretungsplanHeute.html').css({'height':'4804px'});

我想这样的事情可以使你的工作更顺畅。

自动滚动/动画html内容

1 个答案: