I’ve working on an app based on the tizen web ui framework and need to sroll back to top in the content-area, but none of the functions like silentScroll and scrollTop are working. If I use these functions in JQ Mobile based app they work.
So are there a way to sroll to top in an app based on the tizen web ui framework?
[EDIT]
OK, I found a workarround in resetting the style-attribute of the scroll-view:
But I think it would be better to have the silentScroll or scrollTop methodes working…
[EDIT2]
Mhhh, tried it in a new project and didn’t get it working.
index.html:
<body>
<div data-role="page">
<div data-role="header" data-position="fixed">
<h1>Single-Page Application </h1>
</div><!-- /header -->
<div class="scroll" data-role="content" id="main">
<p>TOP!</p>
<p>This is a single page boilerplate template that you can copy to build your first Tizen Web UI Framework page.</p>
<p>This is a single page boilerplate template that you can copy to build your first Tizen Web UI Framework page.</p>
<p>This is a single page boilerplate template that you can copy to build your first Tizen Web UI Framework page.</p>
<p>This is a single page boilerplate template that you can copy to build your first Tizen Web UI Framework page.</p>
<p>This is a single page boilerplate template that you can copy to build your first Tizen Web UI Framework page.</p>
<p>This is a single page boilerplate template that you can copy to build your first Tizen Web UI Framework page.</p>
<p>This is a single page boilerplate template that you can copy to build your first Tizen Web UI Framework page.</p>
<p>This is a single page boilerplate template that you can copy to build your first Tizen Web UI Framework page.</p>
<p>This is a single page boilerplate template that you can copy to build your first Tizen Web UI Framework page.</p>
<p>This is a single page boilerplate template that you can copy to build your first Tizen Web UI Framework page.</p>
<p>This is a single page boilerplate template that you can copy to build your first Tizen Web UI Framework page.</p>
<p>This is a single page boilerplate template that you can copy to build your first Tizen Web UI Framework page.</p>
<p>This is a single page boilerplate template that you can copy to build your first Tizen Web UI Framework page.</p>
<p>This is a single page boilerplate template that you can copy to build your first Tizen Web UI Framework page.</p>
<p>This is a single page boilerplate template that you can copy to build your first Tizen Web UI Framework page.</p>
<p>This is a single page boilerplate template that you can copy to build your first Tizen Web UI Framework page.</p>
<p>This is a single page boilerplate template that you can copy to build your first Tizen Web UI Framework page.</p>
<p>This is a single page boilerplate template that you can copy to build your first Tizen Web UI Framework page.</p>
<p>This is a single page boilerplate template that you can copy to build your first Tizen Web UI Framework page.</p>
<p>This is a single page boilerplate template that you can copy to build your first Tizen Web UI Framework page.</p>
<div id="bottom"><p>BOTTOM!</p></div>
<div data-role="button" id="button">TOP</div>
</div><!-- /content -->
<div data-role="footer" data-position="fixed">
<h4>Footer content</h4>
</div><!-- /footer -->
</div><!-- /page -->
</body>
main.js:
//Initialize function
var init = function () {
// TODO:: Do your initialization job
console.log("init() called");
$("div.scroll").scrollTop(1000);
$('#button').bind("vclick", function(){
try{
alert($("div.scroll").scrollTop());
$("div.scroll").scrollTop(0);
}
catch(err){
console.log(err);
}
});
};
$(document).ready(init);
scrollTop() ?
Hi,
I’ve working on an app based on the tizen web ui framework and need to sroll back to top in the content-area, but none of the functions like silentScroll and scrollTop are working. If I use these functions in JQ Mobile based app they work.
So are there a way to sroll to top in an app based on the tizen web ui framework?
[EDIT]
OK, I found a workarround in resetting the style-attribute of the scroll-view:
$(.selector).find('div[class="ui-scrollview-view"]').attr("style","position: relative; left: 0px; top: 0px; -webkit-transform: translate3d(0px, 0px, 0px);-webkit-transition: none;");But I think it would be better to have the silentScroll or scrollTop methodes working…
[EDIT2]
index.html:
<body> <div data-role="page"> <div data-role="header" data-position="fixed"> <h1>Single-Page Application </h1> </div><!-- /header --> <div class="scroll" data-role="content" id="main"> <p>TOP!</p> <p>This is a single page boilerplate template that you can copy to build your first Tizen Web UI Framework page.</p> <p>This is a single page boilerplate template that you can copy to build your first Tizen Web UI Framework page.</p> <p>This is a single page boilerplate template that you can copy to build your first Tizen Web UI Framework page.</p> <p>This is a single page boilerplate template that you can copy to build your first Tizen Web UI Framework page.</p> <p>This is a single page boilerplate template that you can copy to build your first Tizen Web UI Framework page.</p> <p>This is a single page boilerplate template that you can copy to build your first Tizen Web UI Framework page.</p> <p>This is a single page boilerplate template that you can copy to build your first Tizen Web UI Framework page.</p> <p>This is a single page boilerplate template that you can copy to build your first Tizen Web UI Framework page.</p> <p>This is a single page boilerplate template that you can copy to build your first Tizen Web UI Framework page.</p> <p>This is a single page boilerplate template that you can copy to build your first Tizen Web UI Framework page.</p> <p>This is a single page boilerplate template that you can copy to build your first Tizen Web UI Framework page.</p> <p>This is a single page boilerplate template that you can copy to build your first Tizen Web UI Framework page.</p> <p>This is a single page boilerplate template that you can copy to build your first Tizen Web UI Framework page.</p> <p>This is a single page boilerplate template that you can copy to build your first Tizen Web UI Framework page.</p> <p>This is a single page boilerplate template that you can copy to build your first Tizen Web UI Framework page.</p> <p>This is a single page boilerplate template that you can copy to build your first Tizen Web UI Framework page.</p> <p>This is a single page boilerplate template that you can copy to build your first Tizen Web UI Framework page.</p> <p>This is a single page boilerplate template that you can copy to build your first Tizen Web UI Framework page.</p> <p>This is a single page boilerplate template that you can copy to build your first Tizen Web UI Framework page.</p> <p>This is a single page boilerplate template that you can copy to build your first Tizen Web UI Framework page.</p> <div id="bottom"><p>BOTTOM!</p></div> <div data-role="button" id="button">TOP</div> </div><!-- /content --> <div data-role="footer" data-position="fixed"> <h4>Footer content</h4> </div><!-- /footer --> </div><!-- /page --> </body>main.js:
//Initialize function var init = function () { // TODO:: Do your initialization job console.log("init() called"); $("div.scroll").scrollTop(1000); $('#button').bind("vclick", function(){ try{ alert($("div.scroll").scrollTop()); $("div.scroll").scrollTop(0); } catch(err){ console.log(err); } }); }; $(document).ready(init);style.css:
body { } div.scroll { background:#bbbccc none repeat scroll 0 0; border:3px solid #222222; margin:5px; padding:5px; overflow:auto; } p { margin:15px; padding:5px; border:5px solid #777; }So this still won’t work, neither in WebSimulator nor on dev-device. Also I alwas get 0 as return of scrollTop()…
Maybee you have a different SDK?
I’m using:
BY
16 Apr 2025
Tizen Studio
BY
04 Nov 2024
Tizen Studio
BY
02 Apr 2024
Tizen Studio