<html dir="ltr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style id="owaParaStyle" type="text/css"></style>
</head>
<body ocsi="0" fpstyle="1" bgcolor="#FFFFFF">
<div style="direction: ltr;font-family: Tahoma;color: #000000;font-size: 10pt;">Hi Rudi,<br>
<br>
The content height of the web page equals to the height of the SilicaWebView. Thus, there is nothing to pan/flick. If you decrease height of the SilicaWebView, content becomes to be a pannable. Also notice that virtual keyboard will alter the height of the
SilicaWebView if binding is like it is at below.<br>
<br>
<pre style="margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; text-indent:0px"><span style="color:#800080">Page</span><span style="color:#c0c0c0"> </span>{</pre>
<pre style="margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; text-indent:0px"><span style="color:#c0c0c0"> </span><span style="color:#800000">id</span>:<span style="color:#c0c0c0"> </span><span style="font-style:italic; color:#000000">page</span></pre>
<pre style="margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; text-indent:0px"><span style="color:#c0c0c0"> </span><span style="color:#800080">SilicaWebView</span><span style="color:#c0c0c0"> </span>{</pre>
<pre style="margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; text-indent:0px"><span style="color:#c0c0c0"> </span><span style="color:#800000">url</span>:<span style="color:#c0c0c0"> </span><span style="color:#008000"><a class="moz-txt-link-rfc2396E" href="https://www.messenger.com/login" target="_blank">"https://www.messenger.com/login"</a></span></pre>
<pre style="margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; text-indent:0px"><font color="000000"> width: parent.width<br><font color="000000"> <font color="000000"> height: parent.height / 2</font></font><br></font><span style="font-style:italic; color:#000000"> }<br>}<br></span></pre>
<br>
<br>
If you are looking for programmatic scrolling from qml code -- not initiated by user. You have two options (at least):<br>
<br>
1) Use contentX and contentY of the SilicaWebView (not animated)<br>
2) Use flick(xVelocity, yVelocity) of the SilicaWebView, velocity is pixels/sec. (similar to user initiated flick)<br>
<br>
Hope this helps,<br>
Raine<br>
<div style="font-family: Times New Roman; color: #000000; font-size: 16px">
<hr tabindex="-1">
<div style="direction: ltr;" id="divRpF743354"><font size="2" color="#000000" face="Tahoma"><b>Lähettäjä:</b> devel-bounces@lists.sailfishos.org [devel-bounces@lists.sailfishos.org] käyttäjän Rudi Timmermans [rudi.timmer@gmx.us] puolesta<br>
<b>Lähetetty:</b> 7. kesäkuuta 2015 18:43<br>
<b>Vastaanottaja:</b> devel@lists.sailfishos.org<br>
<b>Aihe:</b> [SailfishDevel] SilicaWebView<br>
</font><br>
</div>
<div></div>
<div><font size="+1">Hi,<br>
<br>
<small>I like to using scroll on the</small></font><small> </small>webpage i using in my qml code.<br>
<br>
This is the code, i have try already many thing i have found but i can not get it on working ...<br>
<br>
<pre style="margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; text-indent:0px"><span style="color:#800080">Page</span><span style="color:#c0c0c0"> </span>{</pre>
<pre style="margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; text-indent:0px"><span style="color:#c0c0c0"> </span><span style="color:#800000">id</span>:<span style="color:#c0c0c0"> </span><span style="font-style:italic; color:#000000">page</span></pre>
<pre style="margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; text-indent:0px"><span style="color:#c0c0c0"> </span><span style="color:#800080">SilicaWebView</span><span style="color:#c0c0c0"> </span>{</pre>
<pre style="margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; text-indent:0px"><span style="color:#c0c0c0"> </span><span style="color:#800000">url</span>:<span style="color:#c0c0c0"> </span><span style="color:#008000"><a class="moz-txt-link-rfc2396E" href="https://www.messenger.com/login" target="_blank">"https://www.messenger.com/login"</a></span></pre>
<pre style="margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; text-indent:0px"><span style="color:#c0c0c0"> </span><span style="color:#800000">anchors.fill</span>:<span style="color:#c0c0c0"> </span><span style="font-style:italic; color:#000000">parent</span></pre>
<pre style="margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; text-indent:0px"><span style="color:#c0c0c0"> </span><span style="color:#800000">overridePageStackNavigation</span>:<span style="color:#c0c0c0"> </span>true</pre>
<pre style="margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; text-indent:0px"><span style="color:#c0c0c0"> </span><span style="color:#800000">experimental.preferences.developerExtrasEnabled</span>:<span style="color:#c0c0c0"> </span>true
<big>Do have anyone a idea the fix this ?
Thanks!</big>
</pre>
<style type="text/css">
<!--
p, li
{white-space:pre-wrap}
-->
</style><br>
<style type="text/css">
<!--
p, li
{white-space:pre-wrap}
-->
BODY {direction: ltr;font-family: Tahoma;color: #000000;font-size: 10pt;}P {margin-top:0;margin-bottom:0;}BODY {scrollbar-base-color:undefined;scrollbar-highlight-color:undefined;scrollbar-darkshadow-color:undefined;scrollbar-track-color:undefined;scrollbar-arrow-color:undefined}BODY {scrollbar-base-color:undefined;scrollbar-highlight-color:undefined;scrollbar-darkshadow-color:undefined;scrollbar-track-color:undefined;scrollbar-arrow-color:undefined}BODY {scrollbar-base-color:undefined;scrollbar-highlight-color:undefined;scrollbar-darkshadow-color:undefined;scrollbar-track-color:undefined;scrollbar-arrow-color:undefined}BODY {scrollbar-base-color:undefined;scrollbar-highlight-color:undefined;scrollbar-darkshadow-color:undefined;scrollbar-track-color:undefined;scrollbar-arrow-color:undefined}BODY {scrollbar-base-color:undefined;scrollbar-highlight-color:undefined;scrollbar-darkshadow-color:undefined;scrollbar-track-color:undefined;scrollbar-arrow-color:undefined}</style>
<pre class="moz-signature" cols="72">--
---
Best regards!
Rudi Timmermans.</pre>
</div>
</div>
</div>
</body>
</html>