Antworten zum Thema „Perfect-Scrollbar (jquery) bei textareas im Firefox“

JayJay87 · 03.04.2014

hab ich probiert ändert nichts....ich denke das ich irgendwie falsch denke ^^

radiothek · 03.04.2014

Meckert der Firebug noch rum?
Was erhälst du jetzt als Ergebnis?

JayJay87 · 03.04.2014

also ich hab jetzt n älteres jquery eingebunden ich kann nun scrollen aber die scrollbar ist nicht zu sehen

radiothek · 03.04.2014

Auch nicht wenn Du mit der Maus in den Bereich gehst wo Du die Scrollbar erwartest?

JayJay87 · 03.04.2014

nein auch dann nicht

radiothek · 03.04.2014

Kannst Du noch einmal den vollständigen Code veröffentlichen? Welche Version vom Firefox nutzt Du?
Hast Du mal in einem anderen Browser getestet?

JayJay87 · 03.04.2014

Code:

<!DOCTYPE html>
<html>
<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Scrollbar</title>
<link href="perfect-scrollbar-master/src/perfect-scrollbar.css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<script src="perfect-scrollbar-master/src/jquery.mousewheel.js"></script>
<script src="perfect-scrollbar-master/src/perfect-scrollbar.js"></script>

<style>

* {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;  }
   
textarea {
    display: block;
    height: 100%;
    width: 142px;
    border: none;
    margin-bottom: 8px;
    padding: 0;
    resize: none;
    overflow-y: hidden;}
   
div {
    width: 150px;
    height: 150px;
    position: relative;
    margin: 0px auto;
    padding: 0px;
    overflow: hidden;
}

</style>

<script type="text/javascript">
      $(function() {
            $('div').perfectScrollbar();
            $('div').on('keyup','textarea',function(){
                $(this).height(0).height( this.scrollHeight );
                $('div').scrollTop($(this).outerHeight());
                $('div').perfectScrollbar('update');
            });
            $('div').find( 'textarea' ).keyup();
        });
       

    </script>
       


</head>

<body>

<div>
<textarea>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec.>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec.
</textarea>
</div>

</body>
</html>

Myhar · 03.04.2014

Kannst du ein Beispiel zu einer online-Version geben? Damit wäre uns (und dir dann auch) am Meisten geholfen.

Eine Frage noch an radiothek: Warum sollte sie https:// verwenden?

radiothek · 03.04.2014

Ändere bitte

Code:

<link href="perfect-scrollbar-master/src/perfect-scrollbar.css" />

zu

Code:

<link href="perfect-scrollbar-master/src/perfect-scrollbar.css" rel="stylsheet" />

In dem von Dir eingestellten Code seh ich im ersten Moment nur eine leere Seite, wenn ich es entsprechend ändere sehe ich auch die Textarea und die Scrollbar(wenn ich über die Textarea gehe).

Https muss sie nicht verwenden, aber ein Protokoll ist immer hilfreich von daher kann es auch HTTP sein.

JayJay87 · 03.04.2014

uuuh ja es funkst :danke:

ich danke euch beiden