小编Lew*_*ght的帖子

这里的第一篇文章,但真的很感激一些帮助或建议:

我目前正在使用离子框架构建一个项目,在构建功能版本后,我决定能够在选项卡之间滑动以显示应用程序的各个部分.

我使用离子提供的选项卡模板构建了应用程序,因此每个页面都通过ion-nav-view元素显示,并且是通过app.js文件中声明的状态更改调用的模板(见下文):

angular.module('starter', ['ionic', 'starter.controllers', 'starter.services'])

.run(function($ionicPlatform) {
  $ionicPlatform.ready(function() {
    // Hide the accessory bar by default (remove this to show the accessory bar above the keyboard
    // for form inputs)
    if (window.cordova && window.cordova.plugins && window.cordova.plugins.Keyboard) {
      cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
    }
    if (window.StatusBar) {
      // org.apache.cordova.statusbar required
      StatusBar.styleLightContent();
    }
  });
})

.config(function($stateProvider, $urlRouterProvider) {

  // setup an abstract state for the tabs directive
    .state('tab', {
    url: "/tab",
    abstract: true,
    templateUrl: "templates/tabs.html"
  })

  // Each tab has its own nav history …

我尝试使用在此处和 JSfiddle 上找到的其他解决方案但没有成功。

我使用 Joomla！当我向下滚动时，我需要更改徽标大小（H 和 W 成比例）。

我已将徽标放入自定义 HTML 模块中，因为这就是我的模板的工作方式。

这是包含徽标的代码：

<div id="s5_logo_wrap">
  <div onclick="window.document.location.href='http://www.mysitetestscroll.com/'" class="s5_logo_module" id="s5_logo_module">
    <div class="moduletable">
      <div class="custom">
        <img alt="Logo" src="/images/logo.png" id="s5_logo" class="s5_logo" onclick="window.document.location.href='http://www.mysitetestscroll.com'"></div>
    </div>
  </div>	

  <div id="s5_pos_custom_1">
    <div class="moduletable">
      <div class="custom">
        <span class="ion-ios-location address_details_icon"></span><a href="/index.php/our-location">Location</a></div>
    </div>
    <div style="clear:both; height:0px"></div>
  </div>
  <div style="clear:both; height:0px"></div>
</div>

所以，当我向下滚动时，我想减小徽标图像的大小。我怎么能做到？提前致谢。