vue 获取元素到页面顶部的距离_js获取页面元素距离浏览器工作区顶端的距离

1

2

3

4

5

6

7

8

9

10 $(document).ready(function() {11

12 });13

14 functionUseKeyTo(c) {15 varinputControl=$(c);16

17 if(!document.getElementById('province')) {18 $('body').append('

(京)北京市00

(津)天津市01

(沪)上海市02

(渝)重庆市03

(琼)海南省04

(黑)黑龙江05

(蒙)内蒙古06

(冀)河北省07

(晋)山西省08

(鲁)山东省09

(吉)吉林省10

(苏)江苏省11

(皖)安徽省12

(浙)浙江省13

(闽)福建省14

(赣)江西省15

(辽)辽宁省16

(豫)河南省17

(鄂)湖北省18

(湘)湖南省19

(粤)广东省20

(桂)广西省21

(新)新疆区22

(陕)陕西省23

(甘)甘肃省24

(宁)宁夏区25

(青)青海省26

(川)四川省27

(藏)西藏区28

(云)云南省29

(贵)贵州省30

    选择的简称：

');19 varprovince=$('#province');20 $('#province .c').css({21 'font-size':'14px',22 'border-radius':'5px',23 'height':'20px',24 'width':'100px',25 'border':'1px solid rgb(30,113,177)',26 'background-color':'rgb(219,234,249)',27 'text-align':'center',28 'line-height':'18px',29 'margin-left':'5px',30 'margin-top':'5px',31 'float':'left',32 'display':'inline',33 'cursor':'pointer'

34 });35 $('#province .c').hover(function() { $(this).css("background-color","rgb(30,113,177)") },36 function() { $(this).css("background-color","rgb(219,234,249)") });37 $("#province .c").click(function() {38 $('#simple').html($(this).attr('v'));39 inputControl.val($(this).attr('v'));40 });41 $("#province #Kconfirm").click(function() {42 province.css("display","none");43 });44 $("#province #Kcancel").click(function() {45 inputControl.val('');46 province.css("display","none");47 });48 }49 varprovince=$('#province');50 province.show();51 var_top=inputControl.offset().top-$(window).scrollTop();//inputControl[0].offsetTop - $(window).scrollTop();

52 var_left=inputControl.offset().left-$(window).scrollLeft();//inputControl[0].offsetLeft - $(window).scrollLeft();

53 province.css("left", inputControl.offset().left+ 'px').css("top", inputControl.offset().top+ 30 + 'px');54 varviewWidth=document.documentElement.clientWidth//55 varviewHeight=document.documentElement.clientHeight;//56 if((_left+province.width())>viewWidth) {57 //计算div的offset().left

58 varleft=(inputControl.offset().left-(_left+province.width()-viewWidth+10))+ 'px';59 province.css("left", left);60 }61 if((_top+province.height()+ 30)>viewHeight) {62 //计算div的offset().top

63 vartop=(inputControl.offset().top-province.height()- 10)+ 'px';64 province.css("top", top);65 }66 }67

68

69

70

71

72

73

74

75

76

77

78

79

80

81

82

83

84

85

86

87

88

89

90

91

92

93

94

95

96

97

98

99

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133