JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.515/styles/kendo.mobile.all.min.css">
<script src="http://brandonaaron.github.com/jquery-mousewheel/jquery.mousewheel.js"></script>
<script src="http://cdn.kendostatic.com/2012.1.515/js/kendo.all.min.js"></script>
<script src="http://modernizr.com/downloads/modernizr-latest.js"></script>
<div data-role="view" id="tabstrip-editor" data-title="Editor Settings" data-layout="options-tabstrip" data-init="attachToScroller">
    <ul data-role="listview" data-style="inset" data-type="group">
        <li>
            Theme
            <ul>
                <li>Use Dark colored theme <input type="checkbox" data-role="switch"/></li>
                    <li>
                        <label>
                            Light
                            <select data-role="dropdownlist">
                                <option value="chrome">Chrome</option>
                                <option value="clouds">Clouds</option>
                            </select>
                        </label>
                    </li>
                    <li>
                        <label>
                            Dark
                            <select data-role="dropdownlist">
                                <option value="ambiance">Ambiance</option>
                                <option value="chaos">Chaos</option>
                            </select>
                        </label>
                    </li>
                    <li>
                        <label>
                            Font Size
                            <select data-role="dropdownlist">
                                <option value="10px">10px</option>
                                <option value="11px">11px</option>
                            </select>
                        </label>
                    </li>
                    <li>Show Gutter <input type="checkbox" data-role="switch"/></li>
                    <li>Fade Fold Widgets...

JavaScript

function getTransform(el) {
    var results = $(el).css(Modernizr.prefixed('transform')).match(/matrix(?:(3d)\(-{0,1}\d+(?:, -{0,1}\d+)*(?:, (-{0,1}\d+))(?:, (-{0,1}\d+))(?:, (-{0,1}\d+)), -{0,1}\d+\)|\(-{0,1}\d+(?:, -{0,1}\d+)*(?:, (-{0,1}\d+))(?:, (-{0,1}\d+))\))/)

    if (!results) return [0, 0, 0];
    if (results[1] == '3d') return results.slice(2, 5);

    results.push(0);
    return results.slice(5, 8);
}

function attachToScroller(e) {
    var scroller = e.view.scroller;

    e.view.scroller.element.find('.km-scroll-container').mousewheel(function (event, delta, deltaX, deltaY) {
        event.preventDefault();
        var matrix = getTransform($(event.currentTarget));
        var currentScroll = parseInt(matrix[1], 10);
        var scrollingamount = currentScroll + deltaY * 15;
        if (deltaY > 0) {            
            if (-currentScroll > 9)
                scroller.scrollTo(0, scrollingamount);
            else
                scroller.scrollTo(0, 0);
        }
        else {
            var maximum = scroller.scrollHeight() - $(scroller.element).height();
            if(maximum + currentScroll > 0)
                scroller.scrollTo(0, scrollingamount);
            else
                scroller.scrollTo(0, -maximum);
        }
    });
}

new kendo.mobile.Application();