iScrollen Sie NUR mit einem dynamisch gefüllten Div, ohne die Hauptseite zu scrollen

Dieser Beitrag könnte also langwierig werden, aber ich bleibe bei iScroll. Ich fülle meine Liste mit Artikeln und wenn man darauf klickt, schiebe ich einen Div über die Liste, um den Artikel anzuzeigen. Dieser Teil funktioniert, aber was nicht ist, wenn ich durch den Artikel scrolle und zum Ende komme, scrollt er weiter durch die Liste mit Artikeln. Sie können einen Blick darauf werfenHier (Die Seite ist in russischer Sprache, aber klicken Sie auf einen Artikel und scrollen Sie ganz nach unten). Hier ist mein gesamter Code:

<head>
    <style>
        body{
            padding: 0;
            margin: 0;
            border: 0;
        }
        #header{
            position:fixed;
            top:0;
            left:0;
            height:100px;
            width: 100%;
            background-color: black;
        }
        header{
            position: absolute;
            z-index: 2;
            top: 0; left: 0;
            width: 100%;
            height: 50px;
        }
        #wrapper{
            position: absolute;
            z-index: 1;
            width: 100%;
            top: 52px;
            left: 0;
            overflow: auto;
        }
        #container{
            position:fixed;
            top:0;
            right:-100%;
            width:100%;
            height:100%;
            z-index: 10;
            background-color: red;
            overflow: auto;
        }
        #content{
            margin:100px 10px 0px 10px;
        }
    </style>
</head>
<body>
    <header>Main News</header>
    <div id="wrapper">
        <ul id="daily"></ul>
        <ul id="exclusive"></ul>
        <ul id="must"></ul>
        <ul id="main"></ul>
        <ul id="ukr"></ul>
        <ul id="nba"></ul>
        <ul id="euro"></ul>
    </div>
    <div id="container">
        <div id="wrapper2">
            <div id="header">
                <button onclick="hide();">Back</button>
            </div>
            <div id="content"></div>
        </div>
    </div>
    <script src="js/zepto.js"></script>
    <script>
        //AJAX requests to fill the li's...
        function sayhi(url){
            $('#container').animate({
                right:'0',
            }, 200, 'linear');
            $.ajax({
                url: serviceURL + "getnewstext.php",
                data: {link: url},
                success: function(content){
                    $('#content').append(content);
                }
            });
        }
        function hide(){
            $('#container').animate({
                right:'-100%'
            }, 200, 'linear');
            $('#content').empty();
        }
    </script>
    <script src="js/iscroll-lite.js"></script>
    <script>
        var myScroll;
        function scroll () {
            myScroll = new iScroll('wrapper2', {hScroll: false, vScrollbar: false, bounce: false});
            myScroll2 = new iScroll('wrapper', {hScroll: false, vScrollbar: false});
        }
        document.addEventListener('DOMContentLoaded', scroll, false);
    </script>
</body>

Gibt es eine Möglichkeit, im div-Container oder -Inhalt oder in wrapper2 zu scrollen, ohne das wrapper div mit der Artikelliste zu scrollen? Vielleicht verwende ich iScroll nicht richtig? Das gleiche Problem tritt auf Android und iPhone auf.

EDIT 1:

Ich habe die Wrapper-Position auf Fixed gesetzt. Jetzt wird nur noch der div-Container gescrollt, aber die Artikelliste wird nicht gescrollt ... Ich habe dem Wrapper einen weiteren iScroll hinzugefügt, aber er funktioniert nicht. Irgendwelche Ratschläge hier?

EDIT 2:

Also habe ich iScroll alle zusammen fallen lassen und es stattdessen mit CSS versucht. Zu meinen On-Click-Events habe ich hinzugefügt:

$('body').css('overflow', 'hidden');

Und wenn der Schließen-Button geklickt wird, habe ich den Überlauf auf Auto geändert. Dies hindert den Körper daran, in einem Browser zu scrollen, aber nicht auf dem Handy !!! Wie kann ich das gleiche auf dem Handy machen ???

Antworten auf die Frage(1)

Ihre Antwort auf die Frage