unable to get the scroll bar for the tasks?

Hi,

I am dynamically setting the scale for the tasks and the scroll bar is not coming by default.Is there any way I can set the scroll bar to visible always for the gantt area.

[code]gantt.config.xml_date = “%Y,%m,%d”;
gantt.config.work_time = true;
gantt.config.correct_work_time = true;
gantt.config.date_grid = “%j-%M-%Y”;
gantt.config.scale_unit = “day”;
gantt.config.date_scale = “%D, %d”;
gantt.config.duration_unit = “day”;
gantt.config.step = 1;
gantt.config.scale_height = 20 * 3;
gantt.config.details_on_create = true;
gantt.config.highlight_critical_path = true;
gantt.config.show_progress = true;
gantt.config.skip_off_time = true;
gantt.setWorkTime({hours: [9, 18]});
gantt.config.grid_resize = true;
gantt.config.order_branch = true;
gantt.config.sort = true;
gantt.config.multiselect = true; //enables multi-task selection
gantt.config.multiselect_one_level = false;
gantt.config.drag_progress = false;
gantt.config.open_tree_initially = true;
gantt.config.server_utc = true;
gantt.init(“gantt_here”);
gantt.parse(tasks);

function change(obj){
setScaleConfig(obj.value)
gantt.render();
}

function setScaleConfig(value){
switch (value) {
case “1”:
gantt.config.scale_unit = “day”;
gantt.config.step = 1;
gantt.config.date_scale = “%d %M”;
gantt.config.subscales = [];
gantt.config.scale_height = 27;
gantt.templates.date_scale = null;
break;
case “2”:
var weekScaleTemplate = function(date){
var dateToStr = gantt.date.date_to_str("%d %M");
var endDate = gantt.date.add(gantt.date.add(date, 1, “week”), -1, “day”);
return dateToStr(date) + " - " + dateToStr(endDate);
};

			gantt.config.scale_unit = "week";
			gantt.config.step = 1;
			gantt.templates.date_scale = weekScaleTemplate;
			/*gantt.config.subscales = [
				{unit:"day", step:1, date:"%D" }
			];*/
			gantt.config.scale_height = 50;
			break;
		case "3":
			gantt.config.scale_unit = "month";
			gantt.config.date_scale = "%F, %Y";
			/*gantt.config.subscales = [
				{unit:"day", step:1, date:"%j, %D" }
			];*/
			gantt.config.scale_height = 50;
			gantt.templates.date_scale = null;
			break;
		case "4":
			gantt.config.scale_unit = "year";
			gantt.config.step = 1;
			gantt.config.date_scale = "%Y";
			gantt.config.min_column_width = 50;

			gantt.config.scale_height = 90;
			gantt.templates.date_scale = null;

			
			gantt.config.subscales = [
				{unit:"month", step:1, date:"%M" }
			];
			break;
	}
}[/code]

Hello,
gantt should display scroll on the container overflow.
The code seems working correctly on the demo and the scroll is visible docs.dhtmlx.com/gantt/snippet/3d1e28b1

Make sure it’s not the markup issue - if you have 100% height gantt container, and put an external controls at the top of the page, the bottom part of the gantt will be pushed outside the visible area