[GastForen Programmierung/Entwicklung JavaScript Bereich ausschließen

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Themen
Beiträge
Moderatoren
Letzter Beitrag

Bereich ausschließen

MayB86
Beiträge gesamt: 14

21. Jul 2015, 08:23
Beitrag # 1 von 2
Bewertung:
(2366 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo,

ich habe folgendes JS (derzeit zum rumprobieren noch im head-Bereich meiner html). Ich möchte jedoch, dass es nicht auf den Tag <i class="fa fa-angle-down"> angewendet wird. Wenn ich mit $(this) arbeite und NOT.('.fa-angle-down') einfüge, bekomm ich das Script nicht zum laufen. Könnt ihr mir helfen?

Code
<head> 
<script type="text/javascript">

var scrollY = 0;
var distance = 20;
var speed = 10;
var lastPos;

function autoScrollTo(el){
var scrollPos = window.pageYOffset;
var targetPos = document.getElementById(el).offsetTop;


if(scrollPos < targetPos){
scrollDown(el);
} else {
scrollUp(el);
}
}

function scrollDown(el){
var currentY = window.pageYOffset;
var targetY = document.getElementById(el).offsetTop;
var animator = setTimeout ('scrollDown(\''+el+'\')', speed);

if (currentY < targetY && lastPos != currentY){

scrollY = currentY+distance;
window.scroll(0, scrollY);

} else {

clearTimeout(animator);

}

if(scrollPos > targetPos){
scrollUp(el);
} else {
scrollDown(el);
}
}

function scrollUp(el){
var currentY = window.pageYOffset;
var targetY = document.getElementById(el).offsetTop;
var animator = setTimeout ('scrollUp(\''+el+'\')', speed);

if (currentY > targetY && lastPos != currentY){

scrollY = currentY-distance;
window.scroll(0, scrollY);

} else {

clearTimeout(animator);

}

if(scrollPos > targetPos){
scrollUp(el);
} else {
scrollDown(el);
}
}
</script>
</head>

<body>
<header id="header">
<div class="navbar navbar-inverse" role="banner">
<div class="container">
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav navbar-right">
<li class="dropdown"><a href="#" onClick="return false;" onMouseDown="autoScrollTo('sprungmarke');">Sprungmarke<i class="fa fa-angle-down"></i></a>
<ul role="menu" class="sub-menu">
<li><a href="submenu1.html">Submenu1</a></li>
<li><a href="submenu2.html">Submenu2</a></li>
<li><a href="submenu3.html">Submenu3</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</header>

...


Bin für jede Anregung dankbar.
X

Bereich ausschließen

MayB86
Beiträge gesamt: 14

29. Jul 2015, 20:50
Beitrag # 2 von 2
Beitrag ID: #541616
Bewertung:
(2189 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hat keiner einen Anhaltspunkt für mich? Bin immer noch am suchen...


als Antwort auf: [#541411]