在Ionic Project中滚动浏览器

Ban*_*kay 2 css macos scroll ionic-framework

我从今天开始有一个项目.我有一个来自Windows的离子项目,我不能在我的网络浏览器中滚动视图.但是当我在Mac OSX中创建一个项目时,我可以像保持左键单击鼠标和滚动一样滚动(就像它会有触觉).

那么有人可以帮助我在Mac OSX中滚动这个新项目吗?

非常感谢.

aor*_*vre 10

我已经添加了我的离子项目,不需要Cordova插件平台"浏览器",以便能够快速部署一个漂亮的webapp.

我遇到了同样的问题,不得不添加这个CSS属性:

.isBrowserView {
    overflow-y: auto !important;
  }
Run Code Online (Sandbox Code Playgroud)

在我的app.run()上,我添加了以下代码:

var deviceInformation = ionic.Platform.device();
if (deviceInformation.platform === "browser"){
    $rootScope.isBrowser = true;
}else{
    $rootScope.isBrowser = false;
}
Run Code Online (Sandbox Code Playgroud)

最后,我在离子内容上添加了这个ng-class条件

  <ion-content ng-class="{ isBrowserView : isBrowser== true } ">
Run Code Online (Sandbox Code Playgroud)

  • 谢谢!也为我工作,但我使用离子默认类PSB并为实际桌面设置媒体查询.@media screen和(min-width:762px){.platform-b​​rowser ion-content {overflow-y:auto!important; }} (2认同)