Horizontal Workflow

by andreas_karz

HTML

<div ng-controller="mainController" id="new">
    <a name="c1" />
    <div class="container">
        Container 1
    </div>
    <a name="c2" />
    <div class="container">
        Container 2
    </div>
</div>
<a href="#c1">Step 1</a> | <a href="#c2">Step 2</a>

CSS

body{
    font-family: calibri,arial;
    font-size: 10pt;
    margin:0;
    border: 1px solid red;
}

#new{
    border:1px solid silver;
    width: 320px;
    overflow-x:scroll;
    overflow-y:hidden;
    white-space: nowrap;
}

.container{
    width:318px;
    border:1px solid green;
    display:inline-block;
    height:400px;
}

JavaScript

var myApp = angular.module('myApp', []);

myApp.controller('mainController', function($scope) {

});