I created a new Kendo UI MVC project, took all your code snippets and integrated them in it. Horizontal Grid scrolling worked as expected.
However, I noticed that you have a <div> with a "grid" ID on the page and a Grid with a "grid" name. Such a setup is invalid, because it causes duplicate IDs to exist on the page.
Since there is a limit on the attachment size, feel free to provide a runnable project by uploading it somewhere else and providing a download link.
Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.