Since the default position of scale bar is absolute, it is independent from the position of a map. However, it is possible to customize the location of a scale bar. After customization, it can be placed at anywhere in a webpage. The following workaround is adjusted from a sample "Map with external scalebar" (<a href="http://help.arcgis.com/en/webapi/javascript/arcgis/help/jssamples_start.htm#jssamples/widget_scalebarExt.html" target="_blank">http://help.arcgis.com/en/webapi/javascript/arcgis/help/jssamples_start.htm#jssamples/widget_scalebarExt.html</a>)1. Move the scalebar div up so it is located within the map div <div id="map" style="position: relative; width: 900px; height: 500px; border: 1px solid #000;"> <div id="scalebar" style="position:absolute;left:100px;top:530px;"> </div> </div> 2. Make changes on the style of the scalebar div. Use "relative" position. Change the attached position. <div id="map" style="position: relative; width: 900px; height: 500px; border: 1px solid #000;"> <div id="scalebar" style="position:relative;left:20px;top:460px;"> </div> </div> 3. Now the scale bar is anchored at a specific position with the map.