1

我遇到了一个非常奇怪的问题，现在好几天都无法解决它。

我正在一个项目中使用three.js，并且在某些时候它涉及到当用户用鼠标单击时的对象检测。到目前为止一切顺利，我运行的几个测试运行良好，但是当我在应用程序（使用 twitter 引导程序）中实现我的代码时，对象检测每次总是少几个像素。

我花了几个小时搜索，直到我意识到这个问题发生在我的应用程序周围的各种侧边栏中！这是重现问题的基本示例的 html：

<div class="container">
    <div class="row">
        <div class="span2">
            <!--Sidebar content-->
            Sidebar Content
        </div>
        <div class="span10">
            <!--Canvas Container-->
            <div id="container"></div>
        </div>
    </div>
</div>

您可以在以下小提琴中查看它的 javascript：

http://jsfiddle.net/heAwa/

它包含一个标准的three.js 示例，该示例包装在来自twitter bootstrap 的容器中。如果您将鼠标悬停在一些对象周围，您会注意到其中一些对象（尤其是背景中的对象）的鼠标检测效果很好！

我不知道为什么画布元素会受到这些侧边栏的影响！有什么想法吗？

4

0 回答 0