# Why my scene can not showed fully, after wheel scale and drag? who can help me?

**URL:** <https://discourse.threejs.org/t/why-my-scene-can-not-showed-fully-after-wheel-scale-and-drag-who-can-help-me/64766>\
**Category:** Questions\
**Tags:** geometry\
**Created:** [April 29, 2024, 9:01am UTC](https://discourse.threejs.org/t/why-my-scene-can-not-showed-fully-after-wheel-scale-and-drag-who-can-help-me/64766 "2024-04-29T09:01:47Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![zhou\_yang](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/zhou_yang/32/47311_2.png) [@zhou\_yang](https://discourse.threejs.org/u/zhou_yang)\
**Post date:** [April 29, 2024, 9:01am UTC](https://discourse.threejs.org/t/why-my-scene-can-not-showed-fully-after-wheel-scale-and-drag-who-can-help-me/64766/1 "2024-04-29T09:01:47Z")

</div>

### Description

why my scene can not showed fully, after wheel scale and drag? who can help me? thanks

### Reproduction steps

1. wheel scale the scene
2. drag the canvas
3. wheel scale

### Live example

> **[three.js dev template - module - JSFiddle - Code Playground](https://jsfiddle.net/q0ko4j95/1/)**
>
> JSFiddle - Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle.

### Screenshots

 ![微信图片11111111111](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/1/7/174ee8b8a94facdf2b53cfabd9c3d6a58a204e1e.png)

### Version

“three”: “^0.162.0”

### Device

Desktop, Mobile

### Browser

Chrome

---

<div class="post-metadata">

**Author:** ![PavelBoytchev](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/pavelboytchev/32/38639_2.png) [@PavelBoytchev](https://discourse.threejs.org/u/PavelBoytchev)\
**Post date:** [April 29, 2024, 9:24am UTC](https://discourse.threejs.org/t/why-my-scene-can-not-showed-fully-after-wheel-scale-and-drag-who-can-help-me/64766/2 "2024-04-29T09:24:11Z")

</div>

Try a camera that goes deeper, i.e. 2000 instead of 1000:

```javascript
camera = new THREE.OrthographicCamera( ..., 2000);

```

---

<div class="post-metadata">

**Author:** ![zhou\_yang](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/zhou_yang/32/47311_2.png) [@zhou\_yang](https://discourse.threejs.org/u/zhou_yang)\
**Post date:** [April 29, 2024, 9:45am UTC](https://discourse.threejs.org/t/why-my-scene-can-not-showed-fully-after-wheel-scale-and-drag-who-can-help-me/64766/3 "2024-04-29T09:45:47Z")

</div>

thank you very much, but this question still exists, [three.js dev template - module - JSFiddle - Code Playground](https://jsfiddle.net/cbdfz7w2/4/)

---

<div class="post-metadata">

**Author:** ![zhou\_yang](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/zhou_yang/32/47311_2.png) [@zhou\_yang](https://discourse.threejs.org/u/zhou_yang)\
**Post date:** [April 29, 2024, 10:07am UTC](https://discourse.threejs.org/t/why-my-scene-can-not-showed-fully-after-wheel-scale-and-drag-who-can-help-me/64766/4 "2024-04-29T10:07:44Z")

</div>

it is the controls rotate, but I wrote `controls.enableRotate = false; // 关闭旋转`, how to resolve it?

 ![微信图片_20240429180721](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/1/1/1115426db11d77a899e0c801e897d00bfc873a1e.png)

---

<div class="post-metadata">

**Author:** ![PavelBoytchev](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/pavelboytchev/32/38639_2.png) [@PavelBoytchev](https://discourse.threejs.org/u/PavelBoytchev)\
**Post date:** [April 29, 2024, 10:19am UTC](https://discourse.threejs.org/t/why-my-scene-can-not-showed-fully-after-wheel-scale-and-drag-who-can-help-me/64766/5 "2024-04-29T10:19:28Z")

</div>

Most likely this is conflict between camera being controlled by OrbitControls and by you. Try updating controls.target coordinates in the PointerMove handler:

```javascript
camera.lookAt(camera.position.x, camera.position.y, 0);
camera.updateProjectionMatrix();

// add this line
controls.target.set( camera.position.x, camera.position.y, 0 );

```

---

<div class="post-metadata">

**Author:** ![manthrax](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/manthrax/32/2596_2.png) [@manthrax](https://discourse.threejs.org/u/manthrax)\
**Post date:** [April 29, 2024, 10:35am UTC](https://discourse.threejs.org/t/why-my-scene-can-not-showed-fully-after-wheel-scale-and-drag-who-can-help-me/64766/6 "2024-04-29T10:35:46Z")

</div>

By wheel scale do you mean changing the browser zoom level?

---

<div class="post-metadata">

**Author:** ![zhou\_yang](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/zhou_yang/32/47311_2.png) [@zhou\_yang](https://discourse.threejs.org/u/zhou_yang)\
**Post date:** [April 30, 2024, 1:47am UTC](https://discourse.threejs.org/t/why-my-scene-can-not-showed-fully-after-wheel-scale-and-drag-who-can-help-me/64766/7 "2024-04-30T01:47:12Z")

</div>

it‘s useful, than you!