这个界面问题怎么解决啊

每次打开都是这样的,界面右上角显示不全,已经重新装了好几次了,导入完整的也是这样

img

  • 这有个类似的问题, 你可以参考下: https://ask.csdn.net/questions/766110
  • 这篇博客你也可以参考下:标题栏颜色渐变和顶部悬浮效果(标题栏颜色随着页面上滑渐变,页面某模块到达标题栏下方是位置固定,不再随页面滚动)
  • 除此之外, 这篇博客: 仿淘宝购物车实现功能:滚动页面到【结算操作】不可视时,浏览器底部出现固定栏中的 代码: 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  • <!--操作按钮-->
    <div class="cart_operating clearfix">
    	<div class="cart_operating_style">
              <div class="cart_price">商品总价:(不含运费)<b>¥0.00</b></div>
              <div class="cart_btn">
                     <a href="javascript:void(0);" class="payment_btn">
                     	<div class="paymentAllowed">马上付款</div></a>
                     <a href="#" class="continue_btn"></a>
              </div>
        </div>
    </div>
    <!-- 浮现栏 -->
    <div class="floatTitle" style="border: 1px gainsboro solid;height: 50px;line-height: 50px;display: none;width: 1000px;">
           <div style="font-size: 17px;display:inline;float: left">
           		已选商品 
           		<span style="color: red;" id="float_count">0</span></div>
          <div class="cart_price" style="display:inline;font-size: 17px;float: 	left;padding-left: 150px;padding-right: 180px;">
                            商品总价:(不含运费)<b style="color: red">¥0.00</b>
          </div>
    		<div class="cart_btn" style="display:inline; ">
    		   <a href="javascript:void(0);" class="payment_btn">
    		   		<div class="paymentAllowed">马上付款</div>
    		   	</a>
    		   <a href="#" class="continue_btn"></a>
    		 </div>
    </div>
    
    <script type="text/javascript">
    	$(function() {
    		$(window).scroll(function () {//鼠标滑动事件
    		      var height = $(".cart_btn").offset().top;//计算该框离浏览器顶部的距离
    		      if (height >= $(window).scrollTop() && height < ($(window).scrollTop() + 	       $(window).height())) {
    		         $(".floatTitle").hide();
    		       }else {
    		          $(".floatTitle").show();
    		        }
    		
    		 });
    		  //跳转到购物车页面加载时候
    		  var height = $(".cart_btn").offset().top;//计算该框离浏览器顶部的距离
    		  if (height >= $(window).scrollTop() && height < ($(window).scrollTop() +   $(window).height())) {
    		      $(".floatTitle").hide();
    		   }else {
    		      $(".floatTitle").show();
    		    }
    	});
    </script>
    
  • 您还可以看一下 吴刚老师的【吴刚大讲堂】电商应用界面设计课程中的 电商产品视觉界面设计需求与应用场景小节, 巩固相关知识点

试着清一下ide软件的缓存呢,还有jdk的swing包完整吗