代码之家 › 专栏 › 技术社区 › user2828442

document.scrollTop文件离子所需值

ionic3 ionic2 ionic-framework jquery javascript

user2828442 · 技术社区 · 6 年前

相同的代码在正常的html页面中工作,但它总是返回 0

请参阅下面的代码,该代码正在运行:

$("body").click(function(){
    var scrollPost = $(document).scrollTop();
    alert(scrollPost);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
test<br/><br/><br/><br/>kjh<br/>kjgh<br/>uitz<br/><br/><br/><br/>uztjhg<br/>kjh<br/>
test<br/><br/><br/><br/>kjh<br/>kjgh<br/>uitz<br/><br/><br/><br/>uztjhg<br/>kjh<br/>test<br/><br/><br/><br/>kjh<br/>kjgh<br/>uitz<br/><br/><br/><br/>uztjhg<br/>kjh<br/>test<br/><br/><br/><br/>kjh<br/>kjgh<br/>uitz<br/><br/><br/><br/>uztjhg<br/>kjh<br/>test<br/><br/><br/><br/>kjh<br/>kjgh<br/>uitz<br/><br/><br/><br/>uztjhg<br/>kjh<br/>test<br/><br/><br/><br/>kjh<br/>kjgh<br/>uitz<br/><br/><br/><br/>uztjhg<br/>kjh<br/>test<br/><br/><br/><br/>kjh<br/>kjgh<br/>uitz<br/><br/><br/><br/>uztjhg<br/>kjh<br/>test<br/><br/><br/><br/>kjh<br/>kjgh<br/>uitz<br/><br/><br/><br/>uztjhg<br/>kjh<br/>
<div class="test">Thats a test</div>

我已经在我的爱奥尼亚项目中安装了jQuery,它正在工作,但特别是这个 $(document).scrollTop(); 功能不起作用,每次它给我 0 .

scrollTop 价值?

1 回复 | 直到 6 年前

theriddle2 6 年前

我建议使用一种更“角度”的方式,不使用jQuery,也不需要做太多更改。

在文档中定义Viewchild(要滚动到的元素)。

<div #topScroll></div>

然后在页面控制器中定义:

  export class Page {

  @ViewChild(Content) topScroll: Content;

      private scrollToTop() {
          this.topScroll.scrollToTop(500);
      }
  }

这将滚动到元素的顶部。

推荐文章

Ali Abdulaal · Ionic 2——如何在变量中放入大量JSON数据,并在没有延迟的情况下删除重复的数据?

7 年前

Simon · 错误:无法传输程序-ionic2

7 年前

Rafael de Castro · 离子存储不需要的更改

7 年前

Rafael de Castro · 离子型/角型2-在页面之间插入“中介体”。ts和提供商。ts

7 年前

Ke Vin · 如何在ionic 3中使用选项卡正确设置我的主应用程序的根目录?

7 年前

Uraquitan Matova Ura Kombat · 离子,角度-索引内的全局变量。其他ts页面调用的html

7 年前

Kumar · 在离子项目中内联显示信息图标

7 年前

StuartDTO · 如何在Ionic中打开组件

7 年前

jamesharvey · 如何使用*ngFor指令从Ionic 3(Cordova、Ionic 3、Angular 5)上的存储器中提取数据

7 年前

jamesharvey · 我怎样才能让谷歌地图在一个div内只占据50%的高度?(爱奥尼亚3号,科尔多瓦)

7 年前