31:T847,{ let view = html`

`; let scroll_blank = html`

`; let content = html`

`; let indicator_height = 20; let left_indicator = html``; let right_indicator = html``; let splitter = html`

`; // layout let w = width; let h = window_height; let wa = w / h; view.addEventListener("mousemove", e => { mutable offset_x = e.offsetX; }); view.addEventListener("touchstart", e => { mutable offset_x = e.touches[0].pageX - e.touches[0].target.offsetLeft; }); let is_scrolling; view.addEventListener("scroll", e => { let scroll = e.target.scrollTop; window.clearTimeout(is_scrolling); if (mutable offset_x < w / 2) { right_indicator.style.display = "none"; left_indicator.style.display = "block"; content.style.background = "cyan"; } else { left_indicator.style.display = "none"; right_indicator.style.display = "block"; content.style.background = "magenta"; } is_scrolling = setTimeout(function() { left_indicator.style.display = "none"; right_indicator.style.display = "none"; }, 66); }); scroll_blank.appendChild(content); scroll_blank.appendChild(left_indicator); scroll_blank.appendChild(right_indicator); scroll_blank.appendChild(splitter); view.appendChild(scroll_blank); return view; }32:[] 2f:{"title":"Scroll split test 0","cells":[{"id":0,"value":"md`# Scroll split test 0`","pinned":false,"hidden":false,"mode":"ojs"},{"id":32,"value":"md`Thinking about UI where things are different depending on which half of the screen you scroll on. Starting with a minimal version for some mobile debugging.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":4,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":10,"value":"mutable offset_x = null","pinned":false,"hidden":false,"mode":"ojs"},{"id":6,"value":"window_height = 250","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}