-webkit-transform: translate(417px, 0px)

-webkit-transform: translate(417px, 0px)

本文关键字：0px 417px translate -webkit-transform      更新时间：2023-09-26

我有一个web kit translate属性的问题。当我缩小浏览器窗口时，出现了一个iPhone屏幕。在iPhone屏幕上，我实现了一个滑动条功能。你可以看到两个箭头;左右箭头。当你点击右箭头时，它会移动到下一个滑块，但在右侧滑块中，图像没有显示出来。这是由于web kit属性。我不知道该怎么补救。我提供了两个li标签;如何解决这个问题?

http://jsfiddle.net/UL3R2/

 <li style="display: table-cell; width: 417px; vertical-align: top; left: 0px; -webkit-transition: 0ms; -webkit-transform: translate(0px, 0px) translateZ(0px);"
                        data-index="0">
<li style="display: table-cell; width: 417px; vertical-align: top; border: 1px solid red; left: -417px; -webkit-transition: 0ms; -webkit-transform: translate(417px, 0px) translateZ(0px);"
                        data-index="1">

这里我给出一个函数的例子，因为您已经编写了许多具有相同功能的函数，

在style="display:none"

中保留span，而不是附加span

可以通过修改类或属性使其可见。

$('document').ready(function() {
            window.setTimeout(function() {
                $('.cubeCellSecurity').each(function() {
                    var htmlText = $(this).attr('data-text');
                    $(this).append('<div class="cubeTextStyleSecurity">' + htmlText + '<span class='divStockSecurity' style="display:none">Security</span></div>');
                    $(this).hover(
                    function() {
                        $(".cubeTextStyleSecurity").style().attr("display","");
                    });
                    //function(){ $(this).style().attr("display","none"); });
                });
            }, 600);
        });

如果你想让我更新提琴，请从提琴中删除不必要的html部分

相关文章：