I am trying from hours and hours to make a div scrollable but all in vain. I have a div in html file which shows text and text may be lengthy in size so i should make it scrollable.
Here is my div:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="description" content="Calendar API Tutorial"/>
<title>Calendar</title>
<script src="tizen-web-ui-fw/latest/js/jquery.tizen.scrollview.handler.js"></script>
<script src="tizen-web-ui-fw/latest/js/jquery.js"></script>
<script src="./js/config.js"></script>
<script src="tizen-web-ui-fw/latest/js/tizen-web-ui-fw-libs.js"></script>
<script src="tizen-web-ui-fw/latest/js/tizen-web-ui-fw.js" data-framework-viewport-scale="false"></script>
<link rel="stylesheet" type="text/css" href="./css/style.css"/>
</head>
<body>
<div style="overflow: auto; height: 200px">
Web IDE
The 'Too many files open' bug in the signing process has been fixed.
In the JavaScript Development Tools (JSDT):
The issue of the content assist not working for array access, such as 'obj["field"]', has been fixed.
The issue of the content assist proposal not being inserted inside '()' has been fixed.
The issue of variables declared in different functions being highlighted together, in some cases, has been fixed.
The issue of the local variable not being highlighted correctly after duplicate declaration has been fixed.
The issue of the local variable not being highlighted correctly if declaration occurs later has been fixed.
The issue of highlighting not working for the operand of 'typeof' has been fixed.
The issue of JSDoc not being supported for some cases has been fixed.
The issue of the open declaration not working for object literals has been fixed.
The issue of ArrayIndexOutOfBoundsException occurring for some switch-case statement has been fixed.
The issue of NullPointerException occurring frequently when the cursor is at return statement has been fixed.
The issue of NullPointerException occurring when content assist was activated inside JSDoc without relevant function declaration has been fixed.
The issue of NullPointerException occurring when content assist was activated inside anonymous function that was called immediately has been fixed.
The issue of NullPointerException occurring when content assist is activated on some complicated function usage like closures has been fixed.
The issue of the duplicated default case error occurring for normal switch statements has been fixed.
Known Issues
Web IDE
To use the Remote Web Inspector in Windows, QuickTime Player* 7.7.1 or higher must be installed.
In Windows 7 64-bit, the Remote Web Inspector is run with the Chrome* browser, but can fail to display the Inspector view.
A shortcut key for the Remote Web Inspector is not supported. For example, the F11 key is bound to the debug "launch" operation in Eclipse. But the F11 key is bound to the debug "step into" operation in Remote Web Inspector. Eclipse takes precedence.
Assignment tracing for JavaScript has several known issues:
If local variables are used as a method name in a method call expression, assignment tracing does not function.
Although tracing of locals whose values are assigned in an inner method are not supported, incorrect activation occurs if inner and outer methods are both anonymous.
Emulator
OpenGL ES acceleration can have problems in certain environments.
(In that case, you need to turn off GL acceleration in the Emulator Manager.)
Windows XP/7 with Intel motherboard integrated card.
Ubuntu* 11.04/11.10 with Intel CPU/motherboard integrated card.
Emulator Manager does not detect the HW GL acceleration capability of the desktop operating system, even though you select 'HW GL Acceleration supported' in the Emulator Manager.
The Emulator does not use the 'HW GL Acceleration' feature if there is no suitable OpenGL driver in the desktop operating system.
Sometime, the Emulator launch can fail, and the "failed to allocate memory" message is shown on the Windows 32-bit operating system. In that case, you can select one or both of following solutions:
Increase the user area of the virtual memory in the system to 3 GB by running the "bcdedit /set increaseuserva 3072" command on the console with the administrator rights.
Close some other programs and try to launch the Emulator again.
You cannot play some video files linked in YouTube*, or other web pages, using the browser on the Emulator.
You can issue the reboot command in the SDB shell, but the result is not guaranteed.
On Windows 7, to use the audio-in feature, the MIC has to be injected into the host computer before the Emulator starts.
On Windows 7, at least one audio-out device has to be enabled before the Emulator starts. The user must make sure that the volume icon in the system tray has not been disabled.
While the Emulator is running, you must not disable the audio-out device. It can lock up the audio system of the guest platform.
Emulator log file (emulator.log) can get very large if you are running the Emulator on Windows for a long time.
</div>
</body>
</html>
and from overflow i make it srollable. When i preview my code on tizen sdk it shows scrollable div. When i run it on tizen simulator it shows me a div woth scrolls which is correct but when i run my same code on tizen testing device version 3.0 it shows div but not srollable. What is wrong with it. According to this link
https://developer.tizen.org/help/index.jsp?topic=%2Forg.tizen.web.appprogramming%2Fhtml%2Fguide%2Fui_guide%2Fui_framework_scrollview.html i added config file and tizen-web-ui-fw and fw-libs file but still not working.
Here is config.js file :
//tizen-web-ui-fw configuration
$(document).bind("mobileinit", function() {
$.mobile.loadingMessageTextVisible = true;
$.mobile.defaultPageTransition = "none";
// Disable context menu
$(document).bind("contextmenu", function(e) {
return false;
});
// Disable text selection
$(document).delegate("[data-role='page']", "pageinit", function(e) {
$.mobile.tizen.disableSelection($(e.target));
});
$.support.scrollview = true;
});
On device div shows text according to the height and remaining text is not showing in div. when i scroll up and down in div touch area it do nothing. Any help or solution