Jquery在大型显示器上工作奇怪

Question

在我的网站上，我有一个延伸400％屏幕的div。当网站加载主div时，位置为0.当我单击一个按钮时，它会测量Html文档的宽度，并将div移动到屏幕宽度的100％。这适用于我的mac计算机，谷歌浏览器，safari和firefox。它也适用于带有谷歌浏览器的Windows窗口。但是当我在大型显示器上试用它时它不起作用。我正在尝试的显示器是电视。当我点击按钮时它会测量100％的html文档然后我得到1805px然后它将div向左移动100％所以它应该向左移动1805px但是它向左移动1804.99像素。

这是我的java代码

$('#bottom_logo').click(function(event) {
        event.preventDefault();

            var position = ($('#main_div_wide_wrapper').position().left) *-1;
            var width = $( document ).width();


            $('#main_div_wide_wrapper').animate({
                'left' : '+=' + width + 'px' //moves left
                }, 1000);


    });//end bottom_logo