Internet Explorer 11上的动态左属性问题

Question

$('div').css('left' ,$("id").scrollLeft());},

我尝试使用此代码为div赋予left属性，该属性会根据scrollLeft函数而变化。 它在chrome上完美运行，但是每当我拖动水平滚动条时，内容就会在Internet Explorer上滑动。

关于如何解决它的任何想法？

Answer 1

这是我使用的代码，可在Chrome和IE 11中使用

<!DOCTYPE html>
<html>

<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script>
        $(document).ready(function () {
            $("button").click(function () {
                alert($("#test1").scrollLeft() + " px");
                $('#test2').css('left', $("#test1").scrollLeft());
            });

            $(window).scroll(function () {
                $('#test2').css({ 'left': 20 + $(this).scrollLeft() + 'px' });
            });
        }); 
    </script>
    <style>
        div {
            border: 1px solid black;
            width: 100px;
            height: 100px;
            overflow-x: scroll;
            overflow-y: scroll;
        }
    </style>
</head>

<body>
    <div style="width:1000px;">
        <div id="test1">
            <div style="width:200px;">
                #test1 - Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello
            </div>
        </div>
        <br>
        <button>Click Here!</button>
        <div id="test2" style="position:absolute;">
            #test2
        </div>
    </div>
</body>

</html>

Internet Explorer 11上的动态左属性问题

问题描述

1 个解决方案

解决方案1
0 2018-10-09 12:37:01

Internet Explorer 11上的动态左属性问题

问题描述

1 个解决方案

解决方案1 0 2018-10-09 12:37:01

解决方案1
0 2018-10-09 12:37:01