IE Scroll Works Properly
Using the compiled library from https://github.com/jperl/famous-compiled
by Mabuti
HTML
<link rel="stylesheet" href="https://rawgit.com/jperl/famous-compiled/e9c12b1fa657820d3f9bad093ea72e8ee2dfec46/dist/lib/famous/core/famous.css">
<script src="http://rawgit.com/jperl/famous-compiled/e9c12b1fa657820d3f9bad093ea72e8ee2dfec46/dist/src/4f231991.polyfills.js"></script>
<script src="https://rawgit.com/jperl/famous-compiled/97f85aaa64af255adfe0407c941e0e859b0759bc/dist/src/804b0adb.main.js"></script>
JavaScript
Famous.loaded(function () {
var Engine = Famous.Core.Engine;
var Surface = Famous.Core.Surface;
var Modifier = Famous.Core.Modifier;
var Scrollview = Famous.Views.Scrollview;
var Transform = Famous.Core.Transform;
var mainContext = Engine.createContext();
var surfaceTest = new Surface({
size: [180, 25],
content: '-',
properties: {
backgroundColor: 'white'
}
});
var surfMod = new Modifier({
transform: Transform.translate(0,0,1)
});
var scrollview = new Scrollview();
var surfaces = [];
scrollview.sequenceFrom(surfaces);
for (var i = 0, temp; i < 40; i++) {
temp = new Surface({
content: "Surface: " + (i + 1),
size: [undefined, 200],
properties: {
backgroundColor: "hsl(" + (i * 360 / 40) + ", 100%, 50%)",
lineHeight: "200px",
textAlign: "center"
},
index: i
});
temp.on('mouseenter', function() {
console.log('mouse over');
surfaceTest.setContent(this.content);
});
temp.on('click', function() {
console.log('click');
surfaceTest.setContent('Click on '+this.content);
});
temp.pipe(scrollview);
surfaces.push(temp);
}
mainContext.add(surfMod).add(surfaceTest);
mainContext.add(scrollview);
});