Declarative example
require([
"dojox/mobile",
"dojox/mobile/parser",
"dojox/mobile/ScrollablePane"
]);
<div data-dojo-type="dojox.mobile.View" style="height:100px">
<div data-dojo-type="dojox.mobile.ScrollablePane"
data-dojo-props='height:"inherit"'
style="background-color:yellow;color:black;">
hello<br>
hello<br>
hello<br>
hello<br>
hello<br>
hello<br>
hello<br>
hello<br>
hello<br>
hello<br>
hello<br>
hello<br>
</div>
</div>
Rounded corner mask example
require([
"dojox/mobile",
"dojox/mobile/parser",
"dojox/mobile/ScrollablePane",
"dojox/mobile/ContentPane"
]);
<div data-dojo-type="dojox.mobile.View">
<div data-dojo-type="dojox.mobile.ScrollablePane"
data-dojo-props='height:"100px",
roundCornerMask:true,
radius:"5"'>
<div data-dojo-type="dojox.mobile.ContentPane"
style="margin:5px 9px 7px 9px;padding:8px;
background-color:white;color:black;">
Hello<br>
Hello<br>
Hello<br>
Hello<br>
Hello<br>
Hello<br>
Hello<br>
Hello<br>
</div>
</div>
</div>