ZL WebGL Player

⌘K
  2. Home
  4. Docs
  6. ZL WebGL Player
  8. UI Configuration Settings
  10. pageScroll (iframe)

pageScroll (iframe)

The ZOOMLOOK Player utilizes the scroll input from a mouse or trackpad to zoom in and out.  In some cases,  it may be desired to add a key command to the zoom / scroll input for accessibility. 

* pageScroll:
* enabled: Enable scroll page with mouse wheel + Shift key. Default false.  Note that if use an iframe, pageScroll will only work in the same domain.
* invert: If true, scroll page when Shift key down + mouse wheel. If true, scroll page by mouse wheel. Default: false.
* touch: Whether to support it on touch device. Default: false.

Animation

ZLVideo

Embed Code

				
					<div class="ZLContainer">
	<iframe frameborder="0" height="500" scrolling="auto" src='/zoomlook/index.html?uuid=VDwVGJ-023833&basePath=https://us.zoomlook.cloud/zoomlookbook/zoomlook/pix/ZLGLPhoto/&clickLoad=false&type=photo&pageScroll={"enabled":true}' title="demo3" width="100%"></iframe>
</div>
<h2>Animation</h2>
<div class="ZLContainer">
	<iframe frameborder="0" height="500" scrolling="auto" src='/zoomlook/index.html?uuid=FqNtFG-498222&basePath=https://us.zoomlook.cloud/zoomlookbook/zoomlook/pix/ZLGLAnimation/&fps=6&pageScroll={"enabled":true}' title="demo1" width="100%"></iframe>
</div>
<h2>ZLVideo</h2>
<div class="ZLContainer">
	<iframe frameborder="0" height="500" scrolling="auto" src='/zoomlook/index.html?uuid=STegyw-601336&basePath=https://us.zoomlook.cloud/zoomlookbook/zoomlook/pix/ZLGLVideo/&clickLoad=false&type=ZLVideo&pageScroll={"enabled":true}' title="demo3" width="100%"></iframe>
</div>

How can we help?