SemanticZoom

Question

hi

I  create a custom control  for SemanticZoom.  Demo  is  as follow:

html:

 <div id="sezoDiv" data-win-control="WinJS.UI.SemanticZoom" style="height: 1000px">
        <div id="ZoomedInDiv" data-win-control="CustomControls.CustomControl">

         <div>.....</div>

        <div>.....</div>

        </div>

        <div id="ZoomedOutDiv" data-win-control="CustomControls1.CustomControl">
            <div style="background: #f00; width: 100px; height: 100px"></div>
        </div>
  </div>

.....

When content  is overflowed ,   the scroll bar appear 。But the right orange range is not shown。When I use the mouse to slide the range  , it's may be shown.

What reason is this, how to solve

Answer 1

Does this happen all the time or just sometimes?

---

Jeff Sanders (MSFT)