Javascript 不带jquery的Angular_Javascript_Jquery_Angularjs

Javascript 不带jquery的Angular

javascript jquery angularjs

Javascript 不带jquery的Angular,javascript,jquery,angularjs,Javascript,Jquery,Angularjs,我有以下使用JQuery的代码，我只想使用Angular。我不知道该怎么做。谢谢 var startProduct = $("#product-overview").position().top - 60; var endProduct = $("#global-features").position().top + 150; $(document).scroll(function () { var y = $(

我有以下使用JQuery的代码，我只想使用Angular。我不知道该怎么做。谢谢

var startProduct = $("#product-overview").position().top - 60;
            var endProduct = $("#global-features").position().top + 150;

            $(document).scroll(function () {

                var y = $(this).scrollTop();

                if ($routeParams.section) {
                    $("#product-submenu").show();
                } else if (y > startProduct) {
                    $("#product-submenu").fadeIn();
                } else {
                    $("#product-submenu").hide();
                }

                if (y > endProduct) {
                    $("#product-submenu").css("opacity", "0");
                } else {
                    $("#product-submenu").css("opacity", "1");
                }

            });

美元只是很多事情的捷径；例如，

$（“#产品子菜单”）

是

document.getElementById（“产品子菜单”）

的缩写形式

对于

.css

函数，您还需要使用

document.getElementById（“产品子菜单”）.style.opacity=“1”

来更新css，而不是jQuery提供的访问者函数

对于

.show（）

和

.hide（）

您可以分别使用

document.getElementById（“产品子菜单”）

，后跟

.style.display=“block”

和

.style.display=“无”

至于

.fadeIn（）

，这将需要更多的工作，并且可能取决于您的应用程序想要如何实现它。如果您想要像

fadeIn

这样的奇特效果，您可能首先只想包括jQuery，但是如果这是您唯一需要的，您可以编写一个javascript函数来更改元素的不透明度。如果不需要fadein效果，您可以如上所述使用

display=“block”

，虽然它不会褪色，但它会显示元素。

美元只是很多东西的快捷方式；例如，

$（“#产品子菜单”）

是

document.getElementById（“产品子菜单”）